@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600;700&display=swap");p[data-v-fc705904] {
  max-width: 75ch;
}
.checkbox[data-v-fc705904] {
  opacity: 0;
  display: none;
}
.checkbox-label[data-v-fc705904] {
  background-color: white;
  border: 2px solid #4A5568;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
  border-radius: 4px;
  position: relative;
  margin: 0px;
  height: 18px;
  width: 18px;
  transition: background-color 100ms ease;
  cursor: pointer;
}
.checkbox-label-icon[data-v-fc705904] {
  color: white;
  margin-left: 1px;
  margin-bottom: 2px;
  transition: color 100ms ease;
}
.checkbox-label-icon-active[data-v-fc705904] {
  color: #babc16;
}
.checkbox:checked + .checkbox-label[data-v-fc705904] {
  background-color: #4A5568;
}
.compact-form[data-v-fc705904] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.compact-form-field[data-v-fc705904] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.compact-form-field-label[data-v-fc705904] {
  font-size: 0.8rem;
  font-weight: 500;
  min-width: 150px;
  text-align: left;
  padding-right: 10px;
}
.compact-form-field-copy[data-v-fc705904] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-copy[data-v-fc705904]:hover {
  background-color: #babc16;
}
.compact-form-field-input[data-v-fc705904] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 2px 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.8rem;
  border: none;
  background-color: #E3E6E9;
}
.compact-form-field-input[data-v-fc705904]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.compact-form-field-options[data-v-fc705904] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-options-header[data-v-fc705904] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-options-row[data-v-fc705904] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-options-edit-row[data-v-fc705904] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-boolean[data-v-fc705904] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-boolean-row[data-v-fc705904] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  justify-items: center;
  gap: 5px;
}
.compact-form-field-boolean-row-item[data-v-fc705904] {
  display: flex;
  gap: 15px;
}
.compact-form-field-boolean-row-item span[data-v-fc705904] {
  font-size: 0.85rem;
  font-weight: 500;
  text-align: left;
}
.compact-form-field-colors[data-v-fc705904] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-colors-header[data-v-fc705904] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-colors-row[data-v-fc705904] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-colors-edit-row[data-v-fc705904] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes[data-v-fc705904] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-glastypes-header[data-v-fc705904] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-glastypes-row[data-v-fc705904] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes-edit-row[data-v-fc705904] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-button[data-v-fc705904] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-button[data-v-fc705904]:hover {
  background-color: #babc16;
}
.compact-form-button[data-v-fc705904] {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.default-form[data-v-fc705904] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.default-form-field[data-v-fc705904] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.default-form-field-label[data-v-fc705904] {
  font-size: 1.1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-input[data-v-fc705904] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.95rem;
  border: none;
  background-color: #E3E6E9;
}
.default-form-field-input[data-v-fc705904]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.default-form-field-options[data-v-fc705904] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-options-header[data-v-fc705904] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-options-row[data-v-fc705904] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-options-edit-row[data-v-fc705904] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors[data-v-fc705904] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-colors-header[data-v-fc705904] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-colors-row[data-v-fc705904] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors-edit-row[data-v-fc705904] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes[data-v-fc705904] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-glastypes-header[data-v-fc705904] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-glastypes-row[data-v-fc705904] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes-edit-row[data-v-fc705904] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings[data-v-fc705904], .default-form-field-uisettings[data-v-fc705904] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-infoboxsettings-header[data-v-fc705904], .default-form-field-uisettings-header[data-v-fc705904] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-infoboxsettings-row[data-v-fc705904], .default-form-field-uisettings-row[data-v-fc705904] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(4, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings-edit-row[data-v-fc705904], .default-form-field-uisettings-edit-row[data-v-fc705904] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 75px repeat(3, 1fr) 100px 100px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types[data-v-fc705904] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-types-header[data-v-fc705904] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-types-row[data-v-fc705904] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row[data-v-fc705904] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row-order[data-v-fc705904] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr 30px 30px 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.default-form-field-button[data-v-fc705904] {
  display: flex;
  height: 30px;
  width: 30px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.default-form-field-button[data-v-fc705904]:hover {
  background-color: #babc16;
}
.default-form-button[data-v-fc705904] {
  display: flex;
  justify-content: center;
}
.spacer[data-v-fc705904] {
  flex: 1;
}
.WallDimension[data-v-fc705904] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 80px;
  background-color: #4A5568;
  border-radius: 20px;
  width: 500px;
}
.lockButton[data-v-fc705904] {
  width: 50px;
  height: 50px;
  border: none;
  background-color: #4A5568;
  color: #fff;
  cursor: pointer;
  -webkit-transition: background-color 0.2s linear;
  -ms-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}
.buttonImage[data-v-fc705904] {
  color: white;
}
.left[data-v-fc705904] {
  border-radius: 6px 0px 0px 6px;
  border-right: 2px solid white;
}
.right[data-v-fc705904] {
  border-radius: 0px 6px 6px 0px;
  border-left: 2px solid white;
}
.colorChange[data-v-fc705904] {
  color: #babc16;
}
.widthInput[data-v-fc705904] {
  height: 50px;
  border: none;
  background-color: #4A5568;
  text-align: center;
  vertical-align: top;
  font-size: 20px;
  color: #babc16;
  width: 400px;
}
.widthInput[data-v-fc705904]::-webkit-outer-spin-button,
.widthInput[data-v-fc705904]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.widthInput[data-v-fc705904] {
  -moz-appearance: textfield;
}
.widthInput[data-v-fc705904]:focus {
  outline: none;
}
.inputDiv[data-v-fc705904] {
  vertical-align: top;
  display: inline-block;
  position: relative;
}
.inputSubText[data-v-fc705904] {
  display: inline-block;
  position: absolute;
  right: 6px;
  bottom: 0px;
  margin: 0px;
  color: white;
}
@media (max-width: 999px) {
.WallDimension[data-v-fc705904] {
    position: absolute;
    left: 50vw;
}
.widthInput[data-v-fc705904] {
    width: 200px;
}
}p[data-v-61f5100d] {
  max-width: 75ch;
}
.checkbox[data-v-61f5100d] {
  opacity: 0;
  display: none;
}
.checkbox-label[data-v-61f5100d] {
  background-color: white;
  border: 2px solid #4A5568;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
  border-radius: 4px;
  position: relative;
  margin: 0px;
  height: 18px;
  width: 18px;
  transition: background-color 100ms ease;
  cursor: pointer;
}
.checkbox-label-icon[data-v-61f5100d] {
  color: white;
  margin-left: 1px;
  margin-bottom: 2px;
  transition: color 100ms ease;
}
.checkbox-label-icon-active[data-v-61f5100d] {
  color: #babc16;
}
.checkbox:checked + .checkbox-label[data-v-61f5100d] {
  background-color: #4A5568;
}
.compact-form[data-v-61f5100d] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.compact-form-field[data-v-61f5100d] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.compact-form-field-label[data-v-61f5100d] {
  font-size: 0.8rem;
  font-weight: 500;
  min-width: 150px;
  text-align: left;
  padding-right: 10px;
}
.compact-form-field-copy[data-v-61f5100d] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-copy[data-v-61f5100d]:hover {
  background-color: #babc16;
}
.compact-form-field-input[data-v-61f5100d] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 2px 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.8rem;
  border: none;
  background-color: #E3E6E9;
}
.compact-form-field-input[data-v-61f5100d]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.compact-form-field-options[data-v-61f5100d] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-options-header[data-v-61f5100d] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-options-row[data-v-61f5100d] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-options-edit-row[data-v-61f5100d] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-boolean[data-v-61f5100d] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-boolean-row[data-v-61f5100d] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  justify-items: center;
  gap: 5px;
}
.compact-form-field-boolean-row-item[data-v-61f5100d] {
  display: flex;
  gap: 15px;
}
.compact-form-field-boolean-row-item span[data-v-61f5100d] {
  font-size: 0.85rem;
  font-weight: 500;
  text-align: left;
}
.compact-form-field-colors[data-v-61f5100d] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-colors-header[data-v-61f5100d] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-colors-row[data-v-61f5100d] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-colors-edit-row[data-v-61f5100d] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes[data-v-61f5100d] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-glastypes-header[data-v-61f5100d] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-glastypes-row[data-v-61f5100d] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes-edit-row[data-v-61f5100d] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-button[data-v-61f5100d] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-button[data-v-61f5100d]:hover {
  background-color: #babc16;
}
.compact-form-button[data-v-61f5100d] {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.default-form[data-v-61f5100d] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.default-form-field[data-v-61f5100d] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.default-form-field-label[data-v-61f5100d] {
  font-size: 1.1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-input[data-v-61f5100d] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.95rem;
  border: none;
  background-color: #E3E6E9;
}
.default-form-field-input[data-v-61f5100d]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.default-form-field-options[data-v-61f5100d] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-options-header[data-v-61f5100d] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-options-row[data-v-61f5100d] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-options-edit-row[data-v-61f5100d] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors[data-v-61f5100d] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-colors-header[data-v-61f5100d] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-colors-row[data-v-61f5100d] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors-edit-row[data-v-61f5100d] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes[data-v-61f5100d] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-glastypes-header[data-v-61f5100d] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-glastypes-row[data-v-61f5100d] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes-edit-row[data-v-61f5100d] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings[data-v-61f5100d], .default-form-field-uisettings[data-v-61f5100d] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-infoboxsettings-header[data-v-61f5100d], .default-form-field-uisettings-header[data-v-61f5100d] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-infoboxsettings-row[data-v-61f5100d], .default-form-field-uisettings-row[data-v-61f5100d] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(4, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings-edit-row[data-v-61f5100d], .default-form-field-uisettings-edit-row[data-v-61f5100d] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 75px repeat(3, 1fr) 100px 100px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types[data-v-61f5100d] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-types-header[data-v-61f5100d] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-types-row[data-v-61f5100d] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row[data-v-61f5100d] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row-order[data-v-61f5100d] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr 30px 30px 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.default-form-field-button[data-v-61f5100d] {
  display: flex;
  height: 30px;
  width: 30px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.default-form-field-button[data-v-61f5100d]:hover {
  background-color: #babc16;
}
.default-form-button[data-v-61f5100d] {
  display: flex;
  justify-content: center;
}
.spacer[data-v-61f5100d] {
  flex: 1;
}
.WallDimension[data-v-61f5100d] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 80px;
  background-color: #4A5568;
  border-radius: 20px;
  width: 500px;
}
.lockButton[data-v-61f5100d] {
  width: 50px;
  height: 50px;
  border: none;
  background-color: #4A5568;
  color: #fff;
  cursor: pointer;
  -webkit-transition: background-color 0.2s linear;
  -ms-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  pointer-events: none;
}
.buttonImage[data-v-61f5100d] {
  color: white;
}
.left[data-v-61f5100d] {
  border-radius: 6px 0px 0px 6px;
  border-right: 2px solid white;
}
.right[data-v-61f5100d] {
  border-radius: 0px 6px 6px 0px;
  border-left: 2px solid white;
}
.colorChange[data-v-61f5100d] {
  color: #babc16;
}
.widthInput[data-v-61f5100d] {
  height: 50px;
  border: none;
  background-color: #4A5568;
  text-align: center;
  vertical-align: top;
  font-size: 20px;
  color: #babc16;
  width: 400px;
}
.widthInput[data-v-61f5100d]::-webkit-outer-spin-button,
.widthInput[data-v-61f5100d]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.widthInput[data-v-61f5100d] {
  -moz-appearance: textfield;
}
.widthInput[data-v-61f5100d]:focus {
  outline: none;
}
.inputDiv[data-v-61f5100d] {
  vertical-align: top;
  display: inline-block;
  position: relative;
}
.inputSubText[data-v-61f5100d] {
  display: inline-block;
  position: absolute;
  right: 6px;
  bottom: 0px;
  margin: 0px;
  color: white;
}
@media (max-width: 999px) {
.WallDimension[data-v-61f5100d] {
    position: absolute;
    left: 50vw;
}
.widthInput[data-v-61f5100d] {
    width: 200px;
}
}
p[data-v-165ebadc] {
  max-width: 75ch;
}
.checkbox[data-v-165ebadc] {
  opacity: 0;
  display: none;
}
.checkbox-label[data-v-165ebadc] {
  background-color: white;
  border: 2px solid #4A5568;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
  border-radius: 4px;
  position: relative;
  margin: 0px;
  height: 18px;
  width: 18px;
  transition: background-color 100ms ease;
  cursor: pointer;
}
.checkbox-label-icon[data-v-165ebadc] {
  color: white;
  margin-left: 1px;
  margin-bottom: 2px;
  transition: color 100ms ease;
}
.checkbox-label-icon-active[data-v-165ebadc] {
  color: #babc16;
}
.checkbox:checked + .checkbox-label[data-v-165ebadc] {
  background-color: #4A5568;
}
.compact-form[data-v-165ebadc] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.compact-form-field[data-v-165ebadc] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.compact-form-field-label[data-v-165ebadc] {
  font-size: 0.8rem;
  font-weight: 500;
  min-width: 150px;
  text-align: left;
  padding-right: 10px;
}
.compact-form-field-copy[data-v-165ebadc] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-copy[data-v-165ebadc]:hover {
  background-color: #babc16;
}
.compact-form-field-input[data-v-165ebadc] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 2px 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.8rem;
  border: none;
  background-color: #E3E6E9;
}
.compact-form-field-input[data-v-165ebadc]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.compact-form-field-options[data-v-165ebadc] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-options-header[data-v-165ebadc] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-options-row[data-v-165ebadc] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-options-edit-row[data-v-165ebadc] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-boolean[data-v-165ebadc] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-boolean-row[data-v-165ebadc] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  justify-items: center;
  gap: 5px;
}
.compact-form-field-boolean-row-item[data-v-165ebadc] {
  display: flex;
  gap: 15px;
}
.compact-form-field-boolean-row-item span[data-v-165ebadc] {
  font-size: 0.85rem;
  font-weight: 500;
  text-align: left;
}
.compact-form-field-colors[data-v-165ebadc] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-colors-header[data-v-165ebadc] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-colors-row[data-v-165ebadc] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-colors-edit-row[data-v-165ebadc] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes[data-v-165ebadc] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-glastypes-header[data-v-165ebadc] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-glastypes-row[data-v-165ebadc] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes-edit-row[data-v-165ebadc] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-button[data-v-165ebadc] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-button[data-v-165ebadc]:hover {
  background-color: #babc16;
}
.compact-form-button[data-v-165ebadc] {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.default-form[data-v-165ebadc] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.default-form-field[data-v-165ebadc] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.default-form-field-label[data-v-165ebadc] {
  font-size: 1.1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-input[data-v-165ebadc] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.95rem;
  border: none;
  background-color: #E3E6E9;
}
.default-form-field-input[data-v-165ebadc]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.default-form-field-options[data-v-165ebadc] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-options-header[data-v-165ebadc] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-options-row[data-v-165ebadc] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-options-edit-row[data-v-165ebadc] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors[data-v-165ebadc] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-colors-header[data-v-165ebadc] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-colors-row[data-v-165ebadc] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors-edit-row[data-v-165ebadc] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes[data-v-165ebadc] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-glastypes-header[data-v-165ebadc] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-glastypes-row[data-v-165ebadc] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes-edit-row[data-v-165ebadc] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings[data-v-165ebadc], .default-form-field-uisettings[data-v-165ebadc] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-infoboxsettings-header[data-v-165ebadc], .default-form-field-uisettings-header[data-v-165ebadc] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-infoboxsettings-row[data-v-165ebadc], .default-form-field-uisettings-row[data-v-165ebadc] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(4, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings-edit-row[data-v-165ebadc], .default-form-field-uisettings-edit-row[data-v-165ebadc] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 75px repeat(3, 1fr) 100px 100px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types[data-v-165ebadc] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-types-header[data-v-165ebadc] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-types-row[data-v-165ebadc] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row[data-v-165ebadc] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row-order[data-v-165ebadc] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr 30px 30px 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.default-form-field-button[data-v-165ebadc] {
  display: flex;
  height: 30px;
  width: 30px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.default-form-field-button[data-v-165ebadc]:hover {
  background-color: #babc16;
}
.default-form-button[data-v-165ebadc] {
  display: flex;
  justify-content: center;
}
.spacer[data-v-165ebadc] {
  flex: 1;
}
.menu[data-v-165ebadc] {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  cursor: default;
}
.menu-nav[data-v-165ebadc] {
  display: flex;
  min-height: 104px;
  width: 100%;
  position: relative;
  background-color: #4A5568;
  /* Track */
  /* Handle */
  scrollbar-width: none;
}
@media (max-width: 999px) {
.menu-nav[data-v-165ebadc] {
    min-height: 72px;
}
}
.menu-nav-links[data-v-165ebadc] {
  display: flex;
  overflow: scroll;
  scroll-behavior: smooth;
  padding: 0px 4px;
  margin: 0px;
  /* Track */
  /* Handle */
  scrollbar-width: none;
}
@media (min-width: 1000px) {
.menu-nav-links[data-v-165ebadc] {
    width: 400px;
}
}
@media (max-width: 999px) {
.menu-nav-links[data-v-165ebadc] {
    width: calc(100% - 100px);
}
}
.menu-nav-links[data-v-165ebadc]::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
.menu-nav-links[data-v-165ebadc]::-webkit-scrollbar-track {
  background: transparent;
}
.menu-nav-links[data-v-165ebadc]::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 0px;
}
.menu-nav-links-link[data-v-165ebadc] {
  display: flex;
  text-decoration: none;
  position: relative;
}
.menu-nav-links-right[data-v-165ebadc] {
  width: 100px;
  display: flex;
  overflow: scroll;
  scroll-behavior: smooth;
  padding: 0px;
  margin: 0px;
  /* Track */
  /* Handle */
  scrollbar-width: none;
}
.menu-nav-links-right[data-v-165ebadc]::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
.menu-nav-links-right[data-v-165ebadc]::-webkit-scrollbar-track {
  background: transparent;
}
.menu-nav-links-right[data-v-165ebadc]::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 0px;
}
.menu-nav-button[data-v-165ebadc] {
  min-width: 56px;
  max-width: 50px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background-color: #babc16;
  color: white;
  cursor: pointer;
}
@media (max-width: 999px) {
.menu-nav-button[data-v-165ebadc] {
    min-width: 32px;
    max-width: 50px;
}
}
.menu-nav-item[data-v-165ebadc] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0px 16px;
  color: white;
  cursor: pointer;
  transition: color 100ms ease;
}
.menu-nav-item-icon[data-v-165ebadc] {
  display: flex;
}
.menu-nav-item-title[data-v-165ebadc] {
  margin: 0px;
  font-size: 22px;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: semibold;
  text-wrap: nowrap;
}
@media (max-width: 999px) {
.menu-nav-item-title[data-v-165ebadc] {
    font-size: 16px;
}
}
.menu-nav-item-active[data-v-165ebadc] {
  color: #babc16;
}
.menu-nav-slider[data-v-165ebadc] {
  content: "";
  position: absolute;
  height: 5px;
  bottom: 0;
  left: 0;
  width: 100px;
  background-color: #babc16;
  transition: transform 150ms ease;
}
.menu-nav[data-v-165ebadc]::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
.menu-nav[data-v-165ebadc]::-webkit-scrollbar-track {
  background: transparent;
}
.menu-nav[data-v-165ebadc]::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 0px;
}
.menu-content[data-v-165ebadc] {
  height: 100%;
  padding: 8px;
  overflow: scroll;
  position: relative;
  /* width */
  /* Track */
  /* Handle */
  background-color: white;
}
@media (max-width: 999px) {
.menu-content[data-v-165ebadc] {
    padding: 10px;
}
}
.menu-content[data-v-165ebadc]::-webkit-scrollbar {
  width: 8px;
}
.menu-content[data-v-165ebadc]::-webkit-scrollbar-track {
  background: transparent;
}
.menu-content[data-v-165ebadc]::-webkit-scrollbar-thumb {
  background: #babc16;
  border-radius: 8px;
}
.menu-button[data-v-165ebadc] {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 10px;
  padding: 10px 15px;
  z-index: 80;
  border: none;
  border-radius: 8px;
  background-color: #babc16;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  cursor: pointer;
  color: Black;
  font-size: 1.3rem;
  font-weight: 700;
  transition: background-color 150ms ease;
}
.menu-button[data-v-165ebadc]:hover {
  background-color: hsla(68, 87%, 55%, 0.7);
}
.offerte[data-v-165ebadc] {
  width: auto;
}
@media (max-width: 999px) {
.offerte[data-v-165ebadc] {
    width: calc(100% - 100px);
}
}p[data-v-bcbadac6] {
  max-width: 75ch;
}
.checkbox[data-v-bcbadac6] {
  opacity: 0;
  display: none;
}
.checkbox-label[data-v-bcbadac6] {
  background-color: white;
  border: 2px solid #4A5568;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
  border-radius: 4px;
  position: relative;
  margin: 0px;
  height: 18px;
  width: 18px;
  transition: background-color 100ms ease;
  cursor: pointer;
}
.checkbox-label-icon[data-v-bcbadac6] {
  color: white;
  margin-left: 1px;
  margin-bottom: 2px;
  transition: color 100ms ease;
}
.checkbox-label-icon-active[data-v-bcbadac6] {
  color: #babc16;
}
.checkbox:checked + .checkbox-label[data-v-bcbadac6] {
  background-color: #4A5568;
}
.compact-form[data-v-bcbadac6] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.compact-form-field[data-v-bcbadac6] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.compact-form-field-label[data-v-bcbadac6] {
  font-size: 0.8rem;
  font-weight: 500;
  min-width: 150px;
  text-align: left;
  padding-right: 10px;
}
.compact-form-field-copy[data-v-bcbadac6] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-copy[data-v-bcbadac6]:hover {
  background-color: #babc16;
}
.compact-form-field-input[data-v-bcbadac6] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 2px 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.8rem;
  border: none;
  background-color: #E3E6E9;
}
.compact-form-field-input[data-v-bcbadac6]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.compact-form-field-options[data-v-bcbadac6] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-options-header[data-v-bcbadac6] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-options-row[data-v-bcbadac6] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-options-edit-row[data-v-bcbadac6] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-boolean[data-v-bcbadac6] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-boolean-row[data-v-bcbadac6] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  justify-items: center;
  gap: 5px;
}
.compact-form-field-boolean-row-item[data-v-bcbadac6] {
  display: flex;
  gap: 15px;
}
.compact-form-field-boolean-row-item span[data-v-bcbadac6] {
  font-size: 0.85rem;
  font-weight: 500;
  text-align: left;
}
.compact-form-field-colors[data-v-bcbadac6] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-colors-header[data-v-bcbadac6] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-colors-row[data-v-bcbadac6] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-colors-edit-row[data-v-bcbadac6] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes[data-v-bcbadac6] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-glastypes-header[data-v-bcbadac6] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-glastypes-row[data-v-bcbadac6] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes-edit-row[data-v-bcbadac6] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-button[data-v-bcbadac6] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-button[data-v-bcbadac6]:hover {
  background-color: #babc16;
}
.compact-form-button[data-v-bcbadac6] {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.default-form[data-v-bcbadac6] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.default-form-field[data-v-bcbadac6] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.default-form-field-label[data-v-bcbadac6] {
  font-size: 1.1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-input[data-v-bcbadac6] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.95rem;
  border: none;
  background-color: #E3E6E9;
}
.default-form-field-input[data-v-bcbadac6]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.default-form-field-options[data-v-bcbadac6] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-options-header[data-v-bcbadac6] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-options-row[data-v-bcbadac6] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-options-edit-row[data-v-bcbadac6] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors[data-v-bcbadac6] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-colors-header[data-v-bcbadac6] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-colors-row[data-v-bcbadac6] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors-edit-row[data-v-bcbadac6] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes[data-v-bcbadac6] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-glastypes-header[data-v-bcbadac6] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-glastypes-row[data-v-bcbadac6] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes-edit-row[data-v-bcbadac6] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings[data-v-bcbadac6], .default-form-field-uisettings[data-v-bcbadac6] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-infoboxsettings-header[data-v-bcbadac6], .default-form-field-uisettings-header[data-v-bcbadac6] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-infoboxsettings-row[data-v-bcbadac6], .default-form-field-uisettings-row[data-v-bcbadac6] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(4, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings-edit-row[data-v-bcbadac6], .default-form-field-uisettings-edit-row[data-v-bcbadac6] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 75px repeat(3, 1fr) 100px 100px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types[data-v-bcbadac6] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-types-header[data-v-bcbadac6] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-types-row[data-v-bcbadac6] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row[data-v-bcbadac6] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row-order[data-v-bcbadac6] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr 30px 30px 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.default-form-field-button[data-v-bcbadac6] {
  display: flex;
  height: 30px;
  width: 30px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.default-form-field-button[data-v-bcbadac6]:hover {
  background-color: #babc16;
}
.default-form-button[data-v-bcbadac6] {
  display: flex;
  justify-content: center;
}
.spacer[data-v-bcbadac6] {
  flex: 1;
}
.sideBarMenu[data-v-bcbadac6] {
  position: fixed;
  width: 45px;
  height: calc(100vh - 50px);
  left: 0px;
  top: 25px;
  border-radius: 0px 16px 16px 0px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: #4A5568;
}
.switchView[data-v-bcbadac6] {
  height: 20%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}
.switchView button[data-v-bcbadac6] {
  margin-top: 20px;
  border: none;
  background-color: #4A5568;
  color: white;
  cursor: pointer;
}
.switchView button[data-v-bcbadac6]:last-child {
  margin-bottom: 30px;
}
.confirmDelete[data-v-bcbadac6] {
  height: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.confirmDelete button[data-v-bcbadac6] {
  margin-bottom: 20px;
  border: none;
  background-color: #4A5568;
  color: white;
  cursor: pointer;
}
.confirmDelete button[data-v-bcbadac6]:first-child {
  margin-top: 30px;
}
.active[data-v-bcbadac6] {
  color: #babc16;
}
.delete[data-v-bcbadac6] {
  color: #ff0000;
}
.save[data-v-bcbadac6] {
  color: #babc16;
}
.snapping-on[data-v-bcbadac6] {
  color: #babc16;
}
.snapping-off[data-v-bcbadac6] {
  color: #E3E6E9;
}
@media (max-width: 999px) {
.sideBarMenu[data-v-bcbadac6] {
    height: 45vh;
}
}p[data-v-6a221d41] {
  max-width: 75ch;
}
.checkbox[data-v-6a221d41] {
  opacity: 0;
  display: none;
}
.checkbox-label[data-v-6a221d41] {
  background-color: white;
  border: 2px solid #4A5568;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
  border-radius: 4px;
  position: relative;
  margin: 0px;
  height: 18px;
  width: 18px;
  transition: background-color 100ms ease;
  cursor: pointer;
}
.checkbox-label-icon[data-v-6a221d41] {
  color: white;
  margin-left: 1px;
  margin-bottom: 2px;
  transition: color 100ms ease;
}
.checkbox-label-icon-active[data-v-6a221d41] {
  color: #babc16;
}
.checkbox:checked + .checkbox-label[data-v-6a221d41] {
  background-color: #4A5568;
}
.compact-form[data-v-6a221d41] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.compact-form-field[data-v-6a221d41] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.compact-form-field-label[data-v-6a221d41] {
  font-size: 0.8rem;
  font-weight: 500;
  min-width: 150px;
  text-align: left;
  padding-right: 10px;
}
.compact-form-field-copy[data-v-6a221d41] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-copy[data-v-6a221d41]:hover {
  background-color: #babc16;
}
.compact-form-field-input[data-v-6a221d41] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 2px 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.8rem;
  border: none;
  background-color: #E3E6E9;
}
.compact-form-field-input[data-v-6a221d41]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.compact-form-field-options[data-v-6a221d41] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-options-header[data-v-6a221d41] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-options-row[data-v-6a221d41] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-options-edit-row[data-v-6a221d41] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-boolean[data-v-6a221d41] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-boolean-row[data-v-6a221d41] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  justify-items: center;
  gap: 5px;
}
.compact-form-field-boolean-row-item[data-v-6a221d41] {
  display: flex;
  gap: 15px;
}
.compact-form-field-boolean-row-item span[data-v-6a221d41] {
  font-size: 0.85rem;
  font-weight: 500;
  text-align: left;
}
.compact-form-field-colors[data-v-6a221d41] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-colors-header[data-v-6a221d41] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-colors-row[data-v-6a221d41] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-colors-edit-row[data-v-6a221d41] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes[data-v-6a221d41] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-glastypes-header[data-v-6a221d41] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-glastypes-row[data-v-6a221d41] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes-edit-row[data-v-6a221d41] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-button[data-v-6a221d41] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-button[data-v-6a221d41]:hover {
  background-color: #babc16;
}
.compact-form-button[data-v-6a221d41] {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.default-form[data-v-6a221d41] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.default-form-field[data-v-6a221d41] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.default-form-field-label[data-v-6a221d41] {
  font-size: 1.1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-input[data-v-6a221d41] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.95rem;
  border: none;
  background-color: #E3E6E9;
}
.default-form-field-input[data-v-6a221d41]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.default-form-field-options[data-v-6a221d41] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-options-header[data-v-6a221d41] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-options-row[data-v-6a221d41] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-options-edit-row[data-v-6a221d41] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors[data-v-6a221d41] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-colors-header[data-v-6a221d41] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-colors-row[data-v-6a221d41] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors-edit-row[data-v-6a221d41] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes[data-v-6a221d41] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-glastypes-header[data-v-6a221d41] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-glastypes-row[data-v-6a221d41] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes-edit-row[data-v-6a221d41] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings[data-v-6a221d41], .default-form-field-uisettings[data-v-6a221d41] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-infoboxsettings-header[data-v-6a221d41], .default-form-field-uisettings-header[data-v-6a221d41] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-infoboxsettings-row[data-v-6a221d41], .default-form-field-uisettings-row[data-v-6a221d41] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(4, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings-edit-row[data-v-6a221d41], .default-form-field-uisettings-edit-row[data-v-6a221d41] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 75px repeat(3, 1fr) 100px 100px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types[data-v-6a221d41] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-types-header[data-v-6a221d41] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-types-row[data-v-6a221d41] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row[data-v-6a221d41] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row-order[data-v-6a221d41] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr 30px 30px 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.default-form-field-button[data-v-6a221d41] {
  display: flex;
  height: 30px;
  width: 30px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.default-form-field-button[data-v-6a221d41]:hover {
  background-color: #babc16;
}
.default-form-button[data-v-6a221d41] {
  display: flex;
  justify-content: center;
}
.spacer[data-v-6a221d41] {
  flex: 1;
}
.topImage[data-v-6a221d41] {
  position: relative;
  display: inline-block;
}
.laptop[data-v-6a221d41] {
  width: 777px;
  border-radius: 30px;
  display: block;
}
@media (max-width: 999px) {
.laptop[data-v-6a221d41] {
    display: none;
}
}
.logo-inside[data-v-6a221d41] {
  position: absolute;
  left: 16px;
  top: 16px;
  width: 215px;
  pointer-events: none;
}
@media (max-width: 999px) {
.logo-inside[data-v-6a221d41] {
    display: none;
}
}
.sticker[data-v-6a221d41] {
  position: absolute;
  bottom: 16px;
  right: 16px;
  width: 230px;
  pointer-events: none;
}
@media (max-width: 999px) {
.sticker[data-v-6a221d41] {
    position: inherit;
}
}
.arrow[data-v-6a221d41] {
  position: absolute;
  right: -20px;
  bottom: -145px;
  width: 200px;
  pointer-events: none;
  transform: scale(-1, 1);
  rotate: -110deg;
}
@media (max-width: 999px) {
.arrow[data-v-6a221d41] {
    display: none;
}
}
.title[data-v-6a221d41] {
  color: #57575B;
  font-family: "Oswald", sans-serif;
  font-weight: 400;
  font-size: 40px;
}
@media (max-width: 999px) {
.title[data-v-6a221d41] {
    font-size: 28px;
}
}
.title span[data-v-6a221d41] {
  font-family: "Oswald", sans-serif;
  font-weight: 600;
}
.tip[data-v-6a221d41] {
  color: #57575B;
  font-weight: 300;
  margin-top: 100px;
}
@media (max-width: 999px) {
.tip[data-v-6a221d41] {
    display: none;
}
}
.tip span[data-v-6a221d41] {
  font-weight: 600;
}
.logo[data-v-6a221d41] {
  display: none;
  margin-top: 100px;
  height: 119px;
}
@media (max-width: 999px) {
.logo[data-v-6a221d41] {
    display: inherit;
}
}
.backgroundFilter[data-v-6a221d41] {
  position: absolute;
  width: 100vw;
  height: 100vh;
  background-color: #ffffff;
  opacity: 1;
  transition: opacity 1s ease-in-out;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
p[data-v-6a221d41] {
  color: #57575B;
  margin: 0px auto;
  margin-top: 25px;
  max-width: 90%;
  font-size: 24px;
  font-weight: 400;
  display: inline-block;
  word-wrap: break-word;
}
@media (max-width: 999px) {
p[data-v-6a221d41] {
    font-size: 18px;
}
}
button[data-v-6a221d41] {
  background-color: #4A5568;
  font-size: 20px;
  color: #babc16;
  border: none;
  border-radius: 4px;
  font-weight: 600;
  padding: 8px 0px;
  margin-top: 20px;
  width: 472px;
  word-wrap: break-word;
  cursor: pointer;
}
@media (max-width: 999px) {
button[data-v-6a221d41] {
    width: 336px;
    font-size: 15px;
}
}p[data-v-86397cef] {
  max-width: 75ch;
}
.checkbox[data-v-86397cef] {
  opacity: 0;
  display: none;
}
.checkbox-label[data-v-86397cef] {
  background-color: white;
  border: 2px solid #4A5568;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
  border-radius: 4px;
  position: relative;
  margin: 0px;
  height: 18px;
  width: 18px;
  transition: background-color 100ms ease;
  cursor: pointer;
}
.checkbox-label-icon[data-v-86397cef] {
  color: white;
  margin-left: 1px;
  margin-bottom: 2px;
  transition: color 100ms ease;
}
.checkbox-label-icon-active[data-v-86397cef] {
  color: #babc16;
}
.checkbox:checked + .checkbox-label[data-v-86397cef] {
  background-color: #4A5568;
}
.compact-form[data-v-86397cef] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.compact-form-field[data-v-86397cef] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.compact-form-field-label[data-v-86397cef] {
  font-size: 0.8rem;
  font-weight: 500;
  min-width: 150px;
  text-align: left;
  padding-right: 10px;
}
.compact-form-field-copy[data-v-86397cef] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-copy[data-v-86397cef]:hover {
  background-color: #babc16;
}
.compact-form-field-input[data-v-86397cef] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 2px 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.8rem;
  border: none;
  background-color: #E3E6E9;
}
.compact-form-field-input[data-v-86397cef]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.compact-form-field-options[data-v-86397cef] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-options-header[data-v-86397cef] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-options-row[data-v-86397cef] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-options-edit-row[data-v-86397cef] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-boolean[data-v-86397cef] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-boolean-row[data-v-86397cef] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  justify-items: center;
  gap: 5px;
}
.compact-form-field-boolean-row-item[data-v-86397cef] {
  display: flex;
  gap: 15px;
}
.compact-form-field-boolean-row-item span[data-v-86397cef] {
  font-size: 0.85rem;
  font-weight: 500;
  text-align: left;
}
.compact-form-field-colors[data-v-86397cef] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-colors-header[data-v-86397cef] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-colors-row[data-v-86397cef] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-colors-edit-row[data-v-86397cef] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes[data-v-86397cef] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-glastypes-header[data-v-86397cef] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-glastypes-row[data-v-86397cef] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes-edit-row[data-v-86397cef] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-button[data-v-86397cef] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-button[data-v-86397cef]:hover {
  background-color: #babc16;
}
.compact-form-button[data-v-86397cef] {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.default-form[data-v-86397cef] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.default-form-field[data-v-86397cef] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.default-form-field-label[data-v-86397cef] {
  font-size: 1.1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-input[data-v-86397cef] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.95rem;
  border: none;
  background-color: #E3E6E9;
}
.default-form-field-input[data-v-86397cef]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.default-form-field-options[data-v-86397cef] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-options-header[data-v-86397cef] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-options-row[data-v-86397cef] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-options-edit-row[data-v-86397cef] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors[data-v-86397cef] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-colors-header[data-v-86397cef] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-colors-row[data-v-86397cef] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors-edit-row[data-v-86397cef] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes[data-v-86397cef] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-glastypes-header[data-v-86397cef] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-glastypes-row[data-v-86397cef] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes-edit-row[data-v-86397cef] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings[data-v-86397cef], .default-form-field-uisettings[data-v-86397cef] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-infoboxsettings-header[data-v-86397cef], .default-form-field-uisettings-header[data-v-86397cef] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-infoboxsettings-row[data-v-86397cef], .default-form-field-uisettings-row[data-v-86397cef] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(4, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings-edit-row[data-v-86397cef], .default-form-field-uisettings-edit-row[data-v-86397cef] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 75px repeat(3, 1fr) 100px 100px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types[data-v-86397cef] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-types-header[data-v-86397cef] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-types-row[data-v-86397cef] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row[data-v-86397cef] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row-order[data-v-86397cef] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr 30px 30px 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.default-form-field-button[data-v-86397cef] {
  display: flex;
  height: 30px;
  width: 30px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.default-form-field-button[data-v-86397cef]:hover {
  background-color: #babc16;
}
.default-form-button[data-v-86397cef] {
  display: flex;
  justify-content: center;
}
.spacer[data-v-86397cef] {
  flex: 1;
}
.backgroundFilter[data-v-86397cef] {
  position: absolute;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5019607843);
  opacity: 1;
  transition: opacity 1s ease-in-out;
}
.card[data-v-86397cef] {
  background-color: #ffffff;
  border-radius: 16px;
  width: 600px;
  height: 350px;
  margin-left: calc(50vw - 300px);
  margin-top: calc(50vh - 175px);
}
@media (max-width: 999px) {
.card[data-v-86397cef] {
    width: 80vw;
    height: auto;
    margin-left: 10vw;
    margin-top: calc(50vh - 150px);
    padding-bottom: 30px;
}
}
p[data-v-86397cef] {
  margin: 0px auto;
  margin-top: 25px;
  max-width: 90%;
  font-size: 1.6rem;
  font-weight: 500;
  display: inline-block;
  word-wrap: break-word;
}
@media (max-width: 999px) {
p[data-v-86397cef] {
    font-size: 1.2rem;
}
}
button[data-v-86397cef] {
  background-color: #4A5568;
  font-size: 1.2rem;
  color: #babc16;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  margin-top: 20px;
  width: 80%;
  word-wrap: break-word;
  padding: 10px 30px;
  cursor: pointer;
}
@media (max-width: 999px) {
button[data-v-86397cef] {
    font-size: 1rem;
}
}p[data-v-5704fe6a] {
  max-width: 75ch;
}
.checkbox[data-v-5704fe6a] {
  opacity: 0;
  display: none;
}
.checkbox-label[data-v-5704fe6a] {
  background-color: white;
  border: 2px solid #4A5568;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
  border-radius: 4px;
  position: relative;
  margin: 0px;
  height: 18px;
  width: 18px;
  transition: background-color 100ms ease;
  cursor: pointer;
}
.checkbox-label-icon[data-v-5704fe6a] {
  color: white;
  margin-left: 1px;
  margin-bottom: 2px;
  transition: color 100ms ease;
}
.checkbox-label-icon-active[data-v-5704fe6a] {
  color: #babc16;
}
.checkbox:checked + .checkbox-label[data-v-5704fe6a] {
  background-color: #4A5568;
}
.compact-form[data-v-5704fe6a] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.compact-form-field[data-v-5704fe6a] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.compact-form-field-label[data-v-5704fe6a] {
  font-size: 0.8rem;
  font-weight: 500;
  min-width: 150px;
  text-align: left;
  padding-right: 10px;
}
.compact-form-field-copy[data-v-5704fe6a] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-copy[data-v-5704fe6a]:hover {
  background-color: #babc16;
}
.compact-form-field-input[data-v-5704fe6a] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 2px 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.8rem;
  border: none;
  background-color: #E3E6E9;
}
.compact-form-field-input[data-v-5704fe6a]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.compact-form-field-options[data-v-5704fe6a] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-options-header[data-v-5704fe6a] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-options-row[data-v-5704fe6a] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-options-edit-row[data-v-5704fe6a] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-boolean[data-v-5704fe6a] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-boolean-row[data-v-5704fe6a] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  justify-items: center;
  gap: 5px;
}
.compact-form-field-boolean-row-item[data-v-5704fe6a] {
  display: flex;
  gap: 15px;
}
.compact-form-field-boolean-row-item span[data-v-5704fe6a] {
  font-size: 0.85rem;
  font-weight: 500;
  text-align: left;
}
.compact-form-field-colors[data-v-5704fe6a] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-colors-header[data-v-5704fe6a] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-colors-row[data-v-5704fe6a] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-colors-edit-row[data-v-5704fe6a] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes[data-v-5704fe6a] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-glastypes-header[data-v-5704fe6a] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-glastypes-row[data-v-5704fe6a] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes-edit-row[data-v-5704fe6a] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-button[data-v-5704fe6a] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-button[data-v-5704fe6a]:hover {
  background-color: #babc16;
}
.compact-form-button[data-v-5704fe6a] {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.default-form[data-v-5704fe6a] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.default-form-field[data-v-5704fe6a] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.default-form-field-label[data-v-5704fe6a] {
  font-size: 1.1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-input[data-v-5704fe6a] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.95rem;
  border: none;
  background-color: #E3E6E9;
}
.default-form-field-input[data-v-5704fe6a]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.default-form-field-options[data-v-5704fe6a] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-options-header[data-v-5704fe6a] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-options-row[data-v-5704fe6a] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-options-edit-row[data-v-5704fe6a] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors[data-v-5704fe6a] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-colors-header[data-v-5704fe6a] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-colors-row[data-v-5704fe6a] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors-edit-row[data-v-5704fe6a] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes[data-v-5704fe6a] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-glastypes-header[data-v-5704fe6a] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-glastypes-row[data-v-5704fe6a] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes-edit-row[data-v-5704fe6a] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings[data-v-5704fe6a], .default-form-field-uisettings[data-v-5704fe6a] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-infoboxsettings-header[data-v-5704fe6a], .default-form-field-uisettings-header[data-v-5704fe6a] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-infoboxsettings-row[data-v-5704fe6a], .default-form-field-uisettings-row[data-v-5704fe6a] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(4, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings-edit-row[data-v-5704fe6a], .default-form-field-uisettings-edit-row[data-v-5704fe6a] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 75px repeat(3, 1fr) 100px 100px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types[data-v-5704fe6a] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-types-header[data-v-5704fe6a] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-types-row[data-v-5704fe6a] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row[data-v-5704fe6a] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row-order[data-v-5704fe6a] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr 30px 30px 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.default-form-field-button[data-v-5704fe6a] {
  display: flex;
  height: 30px;
  width: 30px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.default-form-field-button[data-v-5704fe6a]:hover {
  background-color: #babc16;
}
.default-form-button[data-v-5704fe6a] {
  display: flex;
  justify-content: center;
}
.spacer[data-v-5704fe6a] {
  flex: 1;
}
.background[data-v-5704fe6a] {
  left: 100vw;
  transition: left 1s ease-in-out;
  position: absolute;
  width: 100vw;
  height: 100vh;
  z-index: 200;
  background-color: #ffffff;
}
.title[data-v-5704fe6a] {
  margin-top: 30vh;
}
@media (max-width: 999px) {
.title[data-v-5704fe6a] {
    margin-top: 35vh;
}
}
.loadingBarContainer[data-v-5704fe6a] {
  position: relative;
  background-color: #4A5568;
  width: 60vw;
  height: 30px;
  margin: 0 auto;
}
.loadingBarInfill[data-v-5704fe6a] {
  position: relative;
  background-color: #babc16;
  height: 100%;
}p[data-v-b741f077] {
  max-width: 75ch;
}
.checkbox[data-v-b741f077] {
  opacity: 0;
  display: none;
}
.checkbox-label[data-v-b741f077] {
  background-color: white;
  border: 2px solid #4A5568;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
  border-radius: 4px;
  position: relative;
  margin: 0px;
  height: 18px;
  width: 18px;
  transition: background-color 100ms ease;
  cursor: pointer;
}
.checkbox-label-icon[data-v-b741f077] {
  color: white;
  margin-left: 1px;
  margin-bottom: 2px;
  transition: color 100ms ease;
}
.checkbox-label-icon-active[data-v-b741f077] {
  color: #babc16;
}
.checkbox:checked + .checkbox-label[data-v-b741f077] {
  background-color: #4A5568;
}
.compact-form[data-v-b741f077] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.compact-form-field[data-v-b741f077] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.compact-form-field-label[data-v-b741f077] {
  font-size: 0.8rem;
  font-weight: 500;
  min-width: 150px;
  text-align: left;
  padding-right: 10px;
}
.compact-form-field-copy[data-v-b741f077] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-copy[data-v-b741f077]:hover {
  background-color: #babc16;
}
.compact-form-field-input[data-v-b741f077] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 2px 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.8rem;
  border: none;
  background-color: #E3E6E9;
}
.compact-form-field-input[data-v-b741f077]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.compact-form-field-options[data-v-b741f077] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-options-header[data-v-b741f077] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-options-row[data-v-b741f077] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-options-edit-row[data-v-b741f077] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-boolean[data-v-b741f077] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-boolean-row[data-v-b741f077] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  justify-items: center;
  gap: 5px;
}
.compact-form-field-boolean-row-item[data-v-b741f077] {
  display: flex;
  gap: 15px;
}
.compact-form-field-boolean-row-item span[data-v-b741f077] {
  font-size: 0.85rem;
  font-weight: 500;
  text-align: left;
}
.compact-form-field-colors[data-v-b741f077] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-colors-header[data-v-b741f077] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-colors-row[data-v-b741f077] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-colors-edit-row[data-v-b741f077] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes[data-v-b741f077] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-glastypes-header[data-v-b741f077] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-glastypes-row[data-v-b741f077] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes-edit-row[data-v-b741f077] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-button[data-v-b741f077] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-button[data-v-b741f077]:hover {
  background-color: #babc16;
}
.compact-form-button[data-v-b741f077] {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.default-form[data-v-b741f077] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.default-form-field[data-v-b741f077] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.default-form-field-label[data-v-b741f077] {
  font-size: 1.1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-input[data-v-b741f077] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.95rem;
  border: none;
  background-color: #E3E6E9;
}
.default-form-field-input[data-v-b741f077]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.default-form-field-options[data-v-b741f077] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-options-header[data-v-b741f077] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-options-row[data-v-b741f077] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-options-edit-row[data-v-b741f077] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors[data-v-b741f077] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-colors-header[data-v-b741f077] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-colors-row[data-v-b741f077] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors-edit-row[data-v-b741f077] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes[data-v-b741f077] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-glastypes-header[data-v-b741f077] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-glastypes-row[data-v-b741f077] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes-edit-row[data-v-b741f077] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings[data-v-b741f077], .default-form-field-uisettings[data-v-b741f077] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-infoboxsettings-header[data-v-b741f077], .default-form-field-uisettings-header[data-v-b741f077] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-infoboxsettings-row[data-v-b741f077], .default-form-field-uisettings-row[data-v-b741f077] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(4, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings-edit-row[data-v-b741f077], .default-form-field-uisettings-edit-row[data-v-b741f077] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 75px repeat(3, 1fr) 100px 100px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types[data-v-b741f077] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-types-header[data-v-b741f077] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-types-row[data-v-b741f077] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row[data-v-b741f077] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row-order[data-v-b741f077] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr 30px 30px 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.default-form-field-button[data-v-b741f077] {
  display: flex;
  height: 30px;
  width: 30px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.default-form-field-button[data-v-b741f077]:hover {
  background-color: #babc16;
}
.default-form-button[data-v-b741f077] {
  display: flex;
  justify-content: center;
}
.spacer[data-v-b741f077] {
  flex: 1;
}
.InvalidLichtstraten[data-v-b741f077] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 80px;
  background-color: #4A5568;
  border-radius: 20px;
  width: 500px;
}
.InvalidLichtstraten h1[data-v-b741f077] {
  color: white;
  font-size: 1em;
  font-weight: 600;
  padding: 10px 30px;
}
.redirect[data-v-b741f077] {
  color: #babc16;
  cursor: pointer;
  text-decoration: underline;
}p[data-v-292e986e] {
  max-width: 75ch;
}
.checkbox[data-v-292e986e] {
  opacity: 0;
  display: none;
}
.checkbox-label[data-v-292e986e] {
  background-color: white;
  border: 2px solid #4A5568;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
  border-radius: 4px;
  position: relative;
  margin: 0px;
  height: 18px;
  width: 18px;
  transition: background-color 100ms ease;
  cursor: pointer;
}
.checkbox-label-icon[data-v-292e986e] {
  color: white;
  margin-left: 1px;
  margin-bottom: 2px;
  transition: color 100ms ease;
}
.checkbox-label-icon-active[data-v-292e986e] {
  color: #babc16;
}
.checkbox:checked + .checkbox-label[data-v-292e986e] {
  background-color: #4A5568;
}
.compact-form[data-v-292e986e] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.compact-form-field[data-v-292e986e] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.compact-form-field-label[data-v-292e986e] {
  font-size: 0.8rem;
  font-weight: 500;
  min-width: 150px;
  text-align: left;
  padding-right: 10px;
}
.compact-form-field-copy[data-v-292e986e] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-copy[data-v-292e986e]:hover {
  background-color: #babc16;
}
.compact-form-field-input[data-v-292e986e] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 2px 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.8rem;
  border: none;
  background-color: #E3E6E9;
}
.compact-form-field-input[data-v-292e986e]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.compact-form-field-options[data-v-292e986e] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-options-header[data-v-292e986e] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-options-row[data-v-292e986e] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-options-edit-row[data-v-292e986e] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-boolean[data-v-292e986e] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-boolean-row[data-v-292e986e] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  justify-items: center;
  gap: 5px;
}
.compact-form-field-boolean-row-item[data-v-292e986e] {
  display: flex;
  gap: 15px;
}
.compact-form-field-boolean-row-item span[data-v-292e986e] {
  font-size: 0.85rem;
  font-weight: 500;
  text-align: left;
}
.compact-form-field-colors[data-v-292e986e] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-colors-header[data-v-292e986e] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-colors-row[data-v-292e986e] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-colors-edit-row[data-v-292e986e] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes[data-v-292e986e] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-glastypes-header[data-v-292e986e] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-glastypes-row[data-v-292e986e] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes-edit-row[data-v-292e986e] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-button[data-v-292e986e] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-button[data-v-292e986e]:hover {
  background-color: #babc16;
}
.compact-form-button[data-v-292e986e] {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.default-form[data-v-292e986e] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.default-form-field[data-v-292e986e] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.default-form-field-label[data-v-292e986e] {
  font-size: 1.1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-input[data-v-292e986e] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.95rem;
  border: none;
  background-color: #E3E6E9;
}
.default-form-field-input[data-v-292e986e]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.default-form-field-options[data-v-292e986e] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-options-header[data-v-292e986e] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-options-row[data-v-292e986e] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-options-edit-row[data-v-292e986e] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors[data-v-292e986e] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-colors-header[data-v-292e986e] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-colors-row[data-v-292e986e] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors-edit-row[data-v-292e986e] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes[data-v-292e986e] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-glastypes-header[data-v-292e986e] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-glastypes-row[data-v-292e986e] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes-edit-row[data-v-292e986e] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings[data-v-292e986e], .default-form-field-uisettings[data-v-292e986e] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-infoboxsettings-header[data-v-292e986e], .default-form-field-uisettings-header[data-v-292e986e] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-infoboxsettings-row[data-v-292e986e], .default-form-field-uisettings-row[data-v-292e986e] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(4, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings-edit-row[data-v-292e986e], .default-form-field-uisettings-edit-row[data-v-292e986e] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 75px repeat(3, 1fr) 100px 100px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types[data-v-292e986e] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-types-header[data-v-292e986e] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-types-row[data-v-292e986e] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row[data-v-292e986e] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row-order[data-v-292e986e] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr 30px 30px 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.default-form-field-button[data-v-292e986e] {
  display: flex;
  height: 30px;
  width: 30px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.default-form-field-button[data-v-292e986e]:hover {
  background-color: #babc16;
}
.default-form-button[data-v-292e986e] {
  display: flex;
  justify-content: center;
}
.spacer[data-v-292e986e] {
  flex: 1;
}
.InvalidLichtstraten[data-v-292e986e] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  min-height: 80px;
  background-color: #4A5568;
  border-radius: 20px;
  width: 500px;
}
.InvalidLichtstraten h1[data-v-292e986e] {
  color: white;
  font-size: 1em;
  font-weight: 600;
  padding: 10px 30px;
}
.redirect[data-v-292e986e] {
  color: #babc16;
  cursor: pointer;
  text-decoration: underline;
}p[data-v-d85f6d66] {
  max-width: 75ch;
}
.checkbox[data-v-d85f6d66] {
  opacity: 0;
  display: none;
}
.checkbox-label[data-v-d85f6d66] {
  background-color: white;
  border: 2px solid #4A5568;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
  border-radius: 4px;
  position: relative;
  margin: 0px;
  height: 18px;
  width: 18px;
  transition: background-color 100ms ease;
  cursor: pointer;
}
.checkbox-label-icon[data-v-d85f6d66] {
  color: white;
  margin-left: 1px;
  margin-bottom: 2px;
  transition: color 100ms ease;
}
.checkbox-label-icon-active[data-v-d85f6d66] {
  color: #babc16;
}
.checkbox:checked + .checkbox-label[data-v-d85f6d66] {
  background-color: #4A5568;
}
.compact-form[data-v-d85f6d66] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.compact-form-field[data-v-d85f6d66] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.compact-form-field-label[data-v-d85f6d66] {
  font-size: 0.8rem;
  font-weight: 500;
  min-width: 150px;
  text-align: left;
  padding-right: 10px;
}
.compact-form-field-copy[data-v-d85f6d66] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-copy[data-v-d85f6d66]:hover {
  background-color: #babc16;
}
.compact-form-field-input[data-v-d85f6d66] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 2px 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.8rem;
  border: none;
  background-color: #E3E6E9;
}
.compact-form-field-input[data-v-d85f6d66]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.compact-form-field-options[data-v-d85f6d66] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-options-header[data-v-d85f6d66] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-options-row[data-v-d85f6d66] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-options-edit-row[data-v-d85f6d66] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-boolean[data-v-d85f6d66] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-boolean-row[data-v-d85f6d66] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  justify-items: center;
  gap: 5px;
}
.compact-form-field-boolean-row-item[data-v-d85f6d66] {
  display: flex;
  gap: 15px;
}
.compact-form-field-boolean-row-item span[data-v-d85f6d66] {
  font-size: 0.85rem;
  font-weight: 500;
  text-align: left;
}
.compact-form-field-colors[data-v-d85f6d66] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-colors-header[data-v-d85f6d66] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-colors-row[data-v-d85f6d66] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-colors-edit-row[data-v-d85f6d66] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes[data-v-d85f6d66] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-glastypes-header[data-v-d85f6d66] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-glastypes-row[data-v-d85f6d66] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes-edit-row[data-v-d85f6d66] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-button[data-v-d85f6d66] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-button[data-v-d85f6d66]:hover {
  background-color: #babc16;
}
.compact-form-button[data-v-d85f6d66] {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.default-form[data-v-d85f6d66] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.default-form-field[data-v-d85f6d66] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.default-form-field-label[data-v-d85f6d66] {
  font-size: 1.1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-input[data-v-d85f6d66] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.95rem;
  border: none;
  background-color: #E3E6E9;
}
.default-form-field-input[data-v-d85f6d66]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.default-form-field-options[data-v-d85f6d66] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-options-header[data-v-d85f6d66] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-options-row[data-v-d85f6d66] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-options-edit-row[data-v-d85f6d66] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors[data-v-d85f6d66] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-colors-header[data-v-d85f6d66] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-colors-row[data-v-d85f6d66] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors-edit-row[data-v-d85f6d66] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes[data-v-d85f6d66] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-glastypes-header[data-v-d85f6d66] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-glastypes-row[data-v-d85f6d66] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes-edit-row[data-v-d85f6d66] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings[data-v-d85f6d66], .default-form-field-uisettings[data-v-d85f6d66] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-infoboxsettings-header[data-v-d85f6d66], .default-form-field-uisettings-header[data-v-d85f6d66] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-infoboxsettings-row[data-v-d85f6d66], .default-form-field-uisettings-row[data-v-d85f6d66] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(4, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings-edit-row[data-v-d85f6d66], .default-form-field-uisettings-edit-row[data-v-d85f6d66] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 75px repeat(3, 1fr) 100px 100px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types[data-v-d85f6d66] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-types-header[data-v-d85f6d66] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-types-row[data-v-d85f6d66] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row[data-v-d85f6d66] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row-order[data-v-d85f6d66] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr 30px 30px 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.default-form-field-button[data-v-d85f6d66] {
  display: flex;
  height: 30px;
  width: 30px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.default-form-field-button[data-v-d85f6d66]:hover {
  background-color: #babc16;
}
.default-form-button[data-v-d85f6d66] {
  display: flex;
  justify-content: center;
}
.spacer[data-v-d85f6d66] {
  flex: 1;
}
.conf[data-v-d85f6d66] {
  overflow: hidden;
  max-width: 100vw;
  max-height: 100vh;
}
.conf-gui[data-v-d85f6d66] {
  position: fixed;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
@media (min-width: 1000px) {
.conf-gui[data-v-d85f6d66] {
    top: 25px;
    right: 0;
    width: 600px;
    transition: width 500ms ease;
    height: calc(100vh - 50px);
    border-radius: 16px 0px 0px 16px;
}
}
@media (max-width: 999px) {
.conf-gui[data-v-d85f6d66] {
    bottom: 0;
    left: 0;
    height: 50vh;
    width: 100vw;
    border-radius: 16px 16px 0px 0px;
}
}
.conf-walldimensions[data-v-d85f6d66] {
  position: absolute;
  top: 25px;
  left: calc((100vw - 530px) / 2 - 250px);
}
.conf-lichtstraat-invalid[data-v-d85f6d66] {
  position: absolute;
  top: 25px;
  left: calc((100vw - 530px) / 2 - 250px);
}
.offerte[data-v-d85f6d66] {
  width: 50vw;
}
@media (max-width: 999px) {
.offerte[data-v-d85f6d66] {
    width: 100%;
}
}
.slide-fade-enter-active[data-v-d85f6d66] {
  transition: transform 0.2s ease-out;
}
.slide-fade-leave-active[data-v-d85f6d66] {
  transition: transform 0.2s ease-in;
}
.slide-fade-enter-from[data-v-d85f6d66],
.slide-fade-leave-to[data-v-d85f6d66] {
  transform: translateY(-105px);
}p[data-v-d79f91ba] {
  max-width: 75ch;
}
.checkbox[data-v-d79f91ba] {
  opacity: 0;
  display: none;
}
.checkbox-label[data-v-d79f91ba] {
  background-color: white;
  border: 2px solid #4A5568;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
  border-radius: 4px;
  position: relative;
  margin: 0px;
  height: 18px;
  width: 18px;
  transition: background-color 100ms ease;
  cursor: pointer;
}
.checkbox-label-icon[data-v-d79f91ba] {
  color: white;
  margin-left: 1px;
  margin-bottom: 2px;
  transition: color 100ms ease;
}
.checkbox-label-icon-active[data-v-d79f91ba] {
  color: #babc16;
}
.checkbox:checked + .checkbox-label[data-v-d79f91ba] {
  background-color: #4A5568;
}
.compact-form[data-v-d79f91ba] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.compact-form-field[data-v-d79f91ba] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.compact-form-field-label[data-v-d79f91ba] {
  font-size: 0.8rem;
  font-weight: 500;
  min-width: 150px;
  text-align: left;
  padding-right: 10px;
}
.compact-form-field-copy[data-v-d79f91ba] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-copy[data-v-d79f91ba]:hover {
  background-color: #babc16;
}
.compact-form-field-input[data-v-d79f91ba] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 2px 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.8rem;
  border: none;
  background-color: #E3E6E9;
}
.compact-form-field-input[data-v-d79f91ba]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.compact-form-field-options[data-v-d79f91ba] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-options-header[data-v-d79f91ba] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-options-row[data-v-d79f91ba] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-options-edit-row[data-v-d79f91ba] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-boolean[data-v-d79f91ba] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-boolean-row[data-v-d79f91ba] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  justify-items: center;
  gap: 5px;
}
.compact-form-field-boolean-row-item[data-v-d79f91ba] {
  display: flex;
  gap: 15px;
}
.compact-form-field-boolean-row-item span[data-v-d79f91ba] {
  font-size: 0.85rem;
  font-weight: 500;
  text-align: left;
}
.compact-form-field-colors[data-v-d79f91ba] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-colors-header[data-v-d79f91ba] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-colors-row[data-v-d79f91ba] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-colors-edit-row[data-v-d79f91ba] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes[data-v-d79f91ba] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-glastypes-header[data-v-d79f91ba] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-glastypes-row[data-v-d79f91ba] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes-edit-row[data-v-d79f91ba] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-button[data-v-d79f91ba] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-button[data-v-d79f91ba]:hover {
  background-color: #babc16;
}
.compact-form-button[data-v-d79f91ba] {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.default-form[data-v-d79f91ba] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.default-form-field[data-v-d79f91ba] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.default-form-field-label[data-v-d79f91ba] {
  font-size: 1.1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-input[data-v-d79f91ba] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.95rem;
  border: none;
  background-color: #E3E6E9;
}
.default-form-field-input[data-v-d79f91ba]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.default-form-field-options[data-v-d79f91ba] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-options-header[data-v-d79f91ba] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-options-row[data-v-d79f91ba] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-options-edit-row[data-v-d79f91ba] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors[data-v-d79f91ba] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-colors-header[data-v-d79f91ba] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-colors-row[data-v-d79f91ba] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors-edit-row[data-v-d79f91ba] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes[data-v-d79f91ba] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-glastypes-header[data-v-d79f91ba] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-glastypes-row[data-v-d79f91ba] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes-edit-row[data-v-d79f91ba] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings[data-v-d79f91ba], .default-form-field-uisettings[data-v-d79f91ba] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-infoboxsettings-header[data-v-d79f91ba], .default-form-field-uisettings-header[data-v-d79f91ba] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-infoboxsettings-row[data-v-d79f91ba], .default-form-field-uisettings-row[data-v-d79f91ba] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(4, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings-edit-row[data-v-d79f91ba], .default-form-field-uisettings-edit-row[data-v-d79f91ba] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 75px repeat(3, 1fr) 100px 100px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types[data-v-d79f91ba] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-types-header[data-v-d79f91ba] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-types-row[data-v-d79f91ba] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row[data-v-d79f91ba] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row-order[data-v-d79f91ba] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr 30px 30px 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.default-form-field-button[data-v-d79f91ba] {
  display: flex;
  height: 30px;
  width: 30px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.default-form-field-button[data-v-d79f91ba]:hover {
  background-color: #babc16;
}
.default-form-button[data-v-d79f91ba] {
  display: flex;
  justify-content: center;
}
.spacer[data-v-d79f91ba] {
  flex: 1;
}
.models-page[data-v-d79f91ba] {
  display: grid;
  gap: 8px;
  grid-auto-rows: minmax(min-content, max-content);
}
h3[data-v-d79f91ba] {
  margin-bottom: 25px;
}p[data-v-02b99c5c] {
  max-width: 75ch;
}
.checkbox[data-v-02b99c5c] {
  opacity: 0;
  display: none;
}
.checkbox-label[data-v-02b99c5c] {
  background-color: white;
  border: 2px solid #4A5568;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
  border-radius: 4px;
  position: relative;
  margin: 0px;
  height: 18px;
  width: 18px;
  transition: background-color 100ms ease;
  cursor: pointer;
}
.checkbox-label-icon[data-v-02b99c5c] {
  color: white;
  margin-left: 1px;
  margin-bottom: 2px;
  transition: color 100ms ease;
}
.checkbox-label-icon-active[data-v-02b99c5c] {
  color: #babc16;
}
.checkbox:checked + .checkbox-label[data-v-02b99c5c] {
  background-color: #4A5568;
}
.compact-form[data-v-02b99c5c] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.compact-form-field[data-v-02b99c5c] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.compact-form-field-label[data-v-02b99c5c] {
  font-size: 0.8rem;
  font-weight: 500;
  min-width: 150px;
  text-align: left;
  padding-right: 10px;
}
.compact-form-field-copy[data-v-02b99c5c] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-copy[data-v-02b99c5c]:hover {
  background-color: #babc16;
}
.compact-form-field-input[data-v-02b99c5c] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 2px 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.8rem;
  border: none;
  background-color: #E3E6E9;
}
.compact-form-field-input[data-v-02b99c5c]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.compact-form-field-options[data-v-02b99c5c] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-options-header[data-v-02b99c5c] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-options-row[data-v-02b99c5c] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-options-edit-row[data-v-02b99c5c] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-boolean[data-v-02b99c5c] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-boolean-row[data-v-02b99c5c] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  justify-items: center;
  gap: 5px;
}
.compact-form-field-boolean-row-item[data-v-02b99c5c] {
  display: flex;
  gap: 15px;
}
.compact-form-field-boolean-row-item span[data-v-02b99c5c] {
  font-size: 0.85rem;
  font-weight: 500;
  text-align: left;
}
.compact-form-field-colors[data-v-02b99c5c] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-colors-header[data-v-02b99c5c] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-colors-row[data-v-02b99c5c] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-colors-edit-row[data-v-02b99c5c] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes[data-v-02b99c5c] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-glastypes-header[data-v-02b99c5c] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-glastypes-row[data-v-02b99c5c] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes-edit-row[data-v-02b99c5c] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-button[data-v-02b99c5c] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-button[data-v-02b99c5c]:hover {
  background-color: #babc16;
}
.compact-form-button[data-v-02b99c5c] {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.default-form[data-v-02b99c5c] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.default-form-field[data-v-02b99c5c] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.default-form-field-label[data-v-02b99c5c] {
  font-size: 1.1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-input[data-v-02b99c5c] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.95rem;
  border: none;
  background-color: #E3E6E9;
}
.default-form-field-input[data-v-02b99c5c]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.default-form-field-options[data-v-02b99c5c] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-options-header[data-v-02b99c5c] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-options-row[data-v-02b99c5c] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-options-edit-row[data-v-02b99c5c] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors[data-v-02b99c5c] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-colors-header[data-v-02b99c5c] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-colors-row[data-v-02b99c5c] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors-edit-row[data-v-02b99c5c] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes[data-v-02b99c5c] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-glastypes-header[data-v-02b99c5c] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-glastypes-row[data-v-02b99c5c] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes-edit-row[data-v-02b99c5c] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings[data-v-02b99c5c], .default-form-field-uisettings[data-v-02b99c5c] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-infoboxsettings-header[data-v-02b99c5c], .default-form-field-uisettings-header[data-v-02b99c5c] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-infoboxsettings-row[data-v-02b99c5c], .default-form-field-uisettings-row[data-v-02b99c5c] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(4, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings-edit-row[data-v-02b99c5c], .default-form-field-uisettings-edit-row[data-v-02b99c5c] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 75px repeat(3, 1fr) 100px 100px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types[data-v-02b99c5c] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-types-header[data-v-02b99c5c] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-types-row[data-v-02b99c5c] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row[data-v-02b99c5c] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row-order[data-v-02b99c5c] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr 30px 30px 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.default-form-field-button[data-v-02b99c5c] {
  display: flex;
  height: 30px;
  width: 30px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.default-form-field-button[data-v-02b99c5c]:hover {
  background-color: #babc16;
}
.default-form-button[data-v-02b99c5c] {
  display: flex;
  justify-content: center;
}
.spacer[data-v-02b99c5c] {
  flex: 1;
}
.models-page[data-v-02b99c5c] {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-auto-rows: minmax(min-content, max-content);
}p[data-v-7f1192de] {
  max-width: 75ch;
}
.checkbox[data-v-7f1192de] {
  opacity: 0;
  display: none;
}
.checkbox-label[data-v-7f1192de] {
  background-color: white;
  border: 2px solid #4A5568;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
  border-radius: 4px;
  position: relative;
  margin: 0px;
  height: 18px;
  width: 18px;
  transition: background-color 100ms ease;
  cursor: pointer;
}
.checkbox-label-icon[data-v-7f1192de] {
  color: white;
  margin-left: 1px;
  margin-bottom: 2px;
  transition: color 100ms ease;
}
.checkbox-label-icon-active[data-v-7f1192de] {
  color: #babc16;
}
.checkbox:checked + .checkbox-label[data-v-7f1192de] {
  background-color: #4A5568;
}
.compact-form[data-v-7f1192de] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.compact-form-field[data-v-7f1192de] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.compact-form-field-label[data-v-7f1192de] {
  font-size: 0.8rem;
  font-weight: 500;
  min-width: 150px;
  text-align: left;
  padding-right: 10px;
}
.compact-form-field-copy[data-v-7f1192de] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-copy[data-v-7f1192de]:hover {
  background-color: #babc16;
}
.compact-form-field-input[data-v-7f1192de] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 2px 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.8rem;
  border: none;
  background-color: #E3E6E9;
}
.compact-form-field-input[data-v-7f1192de]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.compact-form-field-options[data-v-7f1192de] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-options-header[data-v-7f1192de] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-options-row[data-v-7f1192de] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-options-edit-row[data-v-7f1192de] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-boolean[data-v-7f1192de] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-boolean-row[data-v-7f1192de] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  justify-items: center;
  gap: 5px;
}
.compact-form-field-boolean-row-item[data-v-7f1192de] {
  display: flex;
  gap: 15px;
}
.compact-form-field-boolean-row-item span[data-v-7f1192de] {
  font-size: 0.85rem;
  font-weight: 500;
  text-align: left;
}
.compact-form-field-colors[data-v-7f1192de] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-colors-header[data-v-7f1192de] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-colors-row[data-v-7f1192de] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-colors-edit-row[data-v-7f1192de] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes[data-v-7f1192de] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-glastypes-header[data-v-7f1192de] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-glastypes-row[data-v-7f1192de] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes-edit-row[data-v-7f1192de] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-button[data-v-7f1192de] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-button[data-v-7f1192de]:hover {
  background-color: #babc16;
}
.compact-form-button[data-v-7f1192de] {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.default-form[data-v-7f1192de] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.default-form-field[data-v-7f1192de] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.default-form-field-label[data-v-7f1192de] {
  font-size: 1.1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-input[data-v-7f1192de] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.95rem;
  border: none;
  background-color: #E3E6E9;
}
.default-form-field-input[data-v-7f1192de]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.default-form-field-options[data-v-7f1192de] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-options-header[data-v-7f1192de] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-options-row[data-v-7f1192de] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-options-edit-row[data-v-7f1192de] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors[data-v-7f1192de] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-colors-header[data-v-7f1192de] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-colors-row[data-v-7f1192de] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors-edit-row[data-v-7f1192de] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes[data-v-7f1192de] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-glastypes-header[data-v-7f1192de] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-glastypes-row[data-v-7f1192de] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes-edit-row[data-v-7f1192de] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings[data-v-7f1192de], .default-form-field-uisettings[data-v-7f1192de] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-infoboxsettings-header[data-v-7f1192de], .default-form-field-uisettings-header[data-v-7f1192de] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-infoboxsettings-row[data-v-7f1192de], .default-form-field-uisettings-row[data-v-7f1192de] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(4, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings-edit-row[data-v-7f1192de], .default-form-field-uisettings-edit-row[data-v-7f1192de] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 75px repeat(3, 1fr) 100px 100px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types[data-v-7f1192de] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-types-header[data-v-7f1192de] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-types-row[data-v-7f1192de] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row[data-v-7f1192de] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row-order[data-v-7f1192de] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr 30px 30px 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.default-form-field-button[data-v-7f1192de] {
  display: flex;
  height: 30px;
  width: 30px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.default-form-field-button[data-v-7f1192de]:hover {
  background-color: #babc16;
}
.default-form-button[data-v-7f1192de] {
  display: flex;
  justify-content: center;
}
.spacer[data-v-7f1192de] {
  flex: 1;
}
.sizes[data-v-7f1192de] {
  display: flex;
  flex-direction: column;
}
.sizes p[data-v-7f1192de] {
  text-align: left;
  margin-top: 4px;
}
.sizes-section[data-v-7f1192de] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.sizes-section-title[data-v-7f1192de] {
  background-color: #E3E6E9;
  font-size: 1.2rem;
  margin: 0px;
  font-size: 19px;
  color: #4A5568;
  font-family: "Oswald", sans-serif;
  text-transform: uppercase;
  height: 48px;
  width: 100%;
  line-height: 48px;
  border-radius: 8px;
}
.sizes-grid[data-v-7f1192de] {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
@media (max-width: 999px) {
.sizes-grid[data-v-7f1192de] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
}
.sizes-grid-size[data-v-7f1192de] {
  cursor: pointer;
  display: flex;
  border-radius: 8px;
  border: none !important;
  padding: 1px;
  box-sizing: border-box;
  transition: background-color 100ms ease, color 100ms ease, border 100ms ease;
  width: 184px;
  height: 48px;
  background-color: #4A5568;
}
@media (max-width: 999px) {
.sizes-grid-size[data-v-7f1192de] {
    width: 100%;
}
}
.sizes-grid-size div[data-v-7f1192de] {
  background-color: white;
  width: 100%;
  height: 100%;
  border-radius: 7px;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.sizes-grid-size .staander[data-v-7f1192de] {
  font-size: 10px;
  font-family: inherit;
}
.sizes-grid-size-active div[data-v-7f1192de] {
  background-color: transparent !important;
}
.sizes-grid-size p[data-v-7f1192de] {
  margin: 0px;
  font-weight: 600;
  font-size: 19px;
  font-family: "Oswald", sans-serif;
  color: #4A5568;
}
.sizes-grid-size[data-v-7f1192de]:hover {
  background-color: #E3E6E9;
}
.sizes-grid-size-active[data-v-7f1192de] {
  border: 2px solid #4A5568;
  background-color: #4A5568;
  color: #babc16;
}
.sizes-grid-size-active[data-v-7f1192de]:hover {
  background-color: #4A5568;
}
.sizes-grid-size-active p[data-v-7f1192de] {
  color: #babc16;
}
.diepte-breedte-container[data-v-7f1192de] {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 16px;
}
.custom-size-input-container[data-v-7f1192de] {
  display: flex;
  gap: 12px;
  width: 100%;
  align-items: center;
}
.custom-size-title[data-v-7f1192de] {
  display: flex;
  justify-content: end;
  flex: 1;
  text-transform: uppercase;
  font-family: "Oswald", sans-serif;
  font-weight: 700;
  font-size: 19px;
  color: #4A5568;
}
.custom-size-title-range[data-v-7f1192de] {
  font-family: "Oswald", sans-serif;
  font-weight: 400;
  font-size: 19px;
  color: #4A5568;
}
.custom-size-input[data-v-7f1192de] {
  margin: 0;
  width: 320px;
  height: 48px;
  box-sizing: border-box;
  border: 2px solid #E3E6E9;
  border-radius: 8px;
  padding: 8px;
  font-family: "Oswald", sans-serif;
  font-weight: 700;
  font-size: 19px;
  color: #4A5568;
}
.custom-size-input-unit[data-v-7f1192de] {
  font-family: "Oswald", sans-serif;
  font-weight: 700;
  font-size: 19px;
  color: #4A5568;
  text-transform: uppercase;
}
.custom-size-input-after[data-v-7f1192de] {
  background-color: #E3E6E9;
  border-radius: 8px;
  display: flex;
  gap: 4px;
  align-items: center;
  justify-content: center;
  width: 160px;
  height: 48px;
}
.afmetingen-text[data-v-7f1192de] {
  font-size: 15px;
}
.afmetingen-image[data-v-7f1192de] {
  padding: 8px 16px 0px 0px;
  box-sizing: border-box;
  width: 100%;
}
.standaardmaten[data-v-7f1192de] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.standaardmaten-text[data-v-7f1192de] {
  margin: 0;
  padding: 8px 8px 0px 8px;
}
.overstek-header[data-v-7f1192de] {
  justify-content: space-between;
}
.overstek-text[data-v-7f1192de] {
  font-size: 20px;
  margin-bottom: 8px;
}
.overstekklos-container[data-v-7f1192de] {
  margin-top: 16px;
}
.overstekklos-container-block[data-v-7f1192de] {
  text-align: left;
  margin-bottom: 6px;
}
.overstekklos-container-label[data-v-7f1192de] {
  font-family: inherit;
  text-transform: lowercase;
  font-weight: 500;
  color: black;
  display: inline-block;
  margin-left: 8px;
}
.overstekklos-container-checkbox[data-v-7f1192de] {
  display: inline-block;
  width: 20px;
  height: 20px;
}
.expand-header[data-v-7f1192de] {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 10px;
  border-bottom: 2px solid #E3E6E9;
}
.expand-header h3[data-v-7f1192de] {
  margin: 0px;
  font-size: 1.5rem;
}
.expand-header-margin[data-v-7f1192de] {
  margin-top: 20px;
}
.overstek-header[data-v-7f1192de] {
  display: flex;
}
.card-button-specs[data-v-7f1192de] {
  cursor: pointer;
  display: flex;
  align-items: center;
  flex-direction: row;
  margin-top: 4px;
  height: 23px;
  right: 0;
  padding: 3px;
  border-radius: 16px;
  border-style: none;
  background-color: #babc16;
  color: white;
}
.card-button-specs-text[data-v-7f1192de] {
  font-size: 0.8rem;
  padding: 0px 8px;
  padding-right: 16px;
  font-family: "Source Sans 3", sans-serif;
}
.card-question-mark[data-v-7f1192de] {
  padding: 0px 5px;
  border-radius: 16px;
  font-weight: bold;
  font-size: 0.7rem;
  color: white;
  background-color: #4A5568;
}
#fullcover[data-v-7f1192de] {
  position: fixed;
  z-index: 998;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
}
.modalspecs[data-v-7f1192de] {
  position: fixed;
  z-index: 999;
  left: 50%;
  background-color: white;
  border-radius: 4px;
}
.modalspecs-size[data-v-7f1192de] {
  top: 3%;
  width: 36rem;
  margin-left: -18rem;
  height: 94vh;
}
.modalspecs-size-mobile[data-v-7f1192de] {
  top: 10%;
  width: 98%;
  margin-left: -49%;
  height: 80vh;
}
.modaltopcontainer[data-v-7f1192de] {
  display: flex;
  text-align: start;
  height: 8vh;
}
.modaltopcontainer h3[data-v-7f1192de] {
  margin: 1.5vh 1.5vh 1.5vh 3vh;
}
.imagescroller[data-v-7f1192de] {
  max-height: 98%;
  overflow-y: auto;
  border-radius: 8px;
}
.modalimage[data-v-7f1192de] {
  width: 100%;
  height: auto;
}
.modalclosebutton[data-v-7f1192de] {
  position: absolute;
  top: 32px;
  right: 48px;
  height: 4vh;
  width: 4vh;
  background: transparent;
  color: white;
  border: 2px solid white;
  box-sizing: border-box;
  border-radius: 3vh;
  font-size: 4vh;
  pointer-events: all;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.5s ease;
}
.modalclosebutton[data-v-7f1192de]:hover {
  background-color: rgba(255, 255, 15, 0.75);
}p {
  max-width: 75ch;
}
.checkbox {
  opacity: 0;
  display: none;
}
.checkbox-label {
  background-color: white;
  border: 2px solid #4A5568;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
  border-radius: 4px;
  position: relative;
  margin: 0px;
  height: 18px;
  width: 18px;
  transition: background-color 100ms ease;
  cursor: pointer;
}
.checkbox-label-icon {
  color: white;
  margin-left: 1px;
  margin-bottom: 2px;
  transition: color 100ms ease;
}
.checkbox-label-icon-active {
  color: #babc16;
}
.checkbox:checked + .checkbox-label {
  background-color: #4A5568;
}
.compact-form {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.compact-form-field {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.compact-form-field-label {
  font-size: 0.8rem;
  font-weight: 500;
  min-width: 150px;
  text-align: left;
  padding-right: 10px;
}
.compact-form-field-copy {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-copy:hover {
  background-color: #babc16;
}
.compact-form-field-input {
  flex-grow: 1;
  border-radius: 4px;
  padding: 2px 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.8rem;
  border: none;
  background-color: #E3E6E9;
}
.compact-form-field-input:focus {
  border: none;
  outline: 3px solid #babc16;
}
.compact-form-field-options {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-options-header {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-options-row {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-options-edit-row {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-boolean {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-boolean-row {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  justify-items: center;
  gap: 5px;
}
.compact-form-field-boolean-row-item {
  display: flex;
  gap: 15px;
}
.compact-form-field-boolean-row-item span {
  font-size: 0.85rem;
  font-weight: 500;
  text-align: left;
}
.compact-form-field-colors {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-colors-header {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-colors-row {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-colors-edit-row {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-glastypes-header {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-glastypes-row {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes-edit-row {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-button {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-button:hover {
  background-color: #babc16;
}
.compact-form-button {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.default-form {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.default-form-field {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.default-form-field-label {
  font-size: 1.1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-input {
  flex-grow: 1;
  border-radius: 4px;
  padding: 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.95rem;
  border: none;
  background-color: #E3E6E9;
}
.default-form-field-input:focus {
  border: none;
  outline: 3px solid #babc16;
}
.default-form-field-options {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-options-header {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-options-row {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-options-edit-row {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-colors-header {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-colors-row {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors-edit-row {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-glastypes-header {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-glastypes-row {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes-edit-row {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings, .default-form-field-uisettings {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-infoboxsettings-header, .default-form-field-uisettings-header {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-infoboxsettings-row, .default-form-field-uisettings-row {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(4, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings-edit-row, .default-form-field-uisettings-edit-row {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 75px repeat(3, 1fr) 100px 100px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-types-header {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-types-row {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row-order {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr 30px 30px 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.default-form-field-button {
  display: flex;
  height: 30px;
  width: 30px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.default-form-field-button:hover {
  background-color: #babc16;
}
.default-form-button {
  display: flex;
  justify-content: center;
}
.spacer {
  flex: 1;
}
.overstekklos-container-checkbox > span > svg {
  margin-top: -6px;
  margin-left: -1px;
}p[data-v-fde3e391] {
  max-width: 75ch;
}
.checkbox[data-v-fde3e391] {
  opacity: 0;
  display: none;
}
.checkbox-label[data-v-fde3e391] {
  background-color: white;
  border: 2px solid #4A5568;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
  border-radius: 4px;
  position: relative;
  margin: 0px;
  height: 18px;
  width: 18px;
  transition: background-color 100ms ease;
  cursor: pointer;
}
.checkbox-label-icon[data-v-fde3e391] {
  color: white;
  margin-left: 1px;
  margin-bottom: 2px;
  transition: color 100ms ease;
}
.checkbox-label-icon-active[data-v-fde3e391] {
  color: #babc16;
}
.checkbox:checked + .checkbox-label[data-v-fde3e391] {
  background-color: #4A5568;
}
.compact-form[data-v-fde3e391] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.compact-form-field[data-v-fde3e391] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.compact-form-field-label[data-v-fde3e391] {
  font-size: 0.8rem;
  font-weight: 500;
  min-width: 150px;
  text-align: left;
  padding-right: 10px;
}
.compact-form-field-copy[data-v-fde3e391] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-copy[data-v-fde3e391]:hover {
  background-color: #babc16;
}
.compact-form-field-input[data-v-fde3e391] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 2px 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.8rem;
  border: none;
  background-color: #E3E6E9;
}
.compact-form-field-input[data-v-fde3e391]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.compact-form-field-options[data-v-fde3e391] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-options-header[data-v-fde3e391] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-options-row[data-v-fde3e391] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-options-edit-row[data-v-fde3e391] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-boolean[data-v-fde3e391] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-boolean-row[data-v-fde3e391] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  justify-items: center;
  gap: 5px;
}
.compact-form-field-boolean-row-item[data-v-fde3e391] {
  display: flex;
  gap: 15px;
}
.compact-form-field-boolean-row-item span[data-v-fde3e391] {
  font-size: 0.85rem;
  font-weight: 500;
  text-align: left;
}
.compact-form-field-colors[data-v-fde3e391] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-colors-header[data-v-fde3e391] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-colors-row[data-v-fde3e391] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-colors-edit-row[data-v-fde3e391] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes[data-v-fde3e391] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-glastypes-header[data-v-fde3e391] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-glastypes-row[data-v-fde3e391] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes-edit-row[data-v-fde3e391] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-button[data-v-fde3e391] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-button[data-v-fde3e391]:hover {
  background-color: #babc16;
}
.compact-form-button[data-v-fde3e391] {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.default-form[data-v-fde3e391] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.default-form-field[data-v-fde3e391] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.default-form-field-label[data-v-fde3e391] {
  font-size: 1.1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-input[data-v-fde3e391] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.95rem;
  border: none;
  background-color: #E3E6E9;
}
.default-form-field-input[data-v-fde3e391]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.default-form-field-options[data-v-fde3e391] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-options-header[data-v-fde3e391] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-options-row[data-v-fde3e391] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-options-edit-row[data-v-fde3e391] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors[data-v-fde3e391] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-colors-header[data-v-fde3e391] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-colors-row[data-v-fde3e391] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors-edit-row[data-v-fde3e391] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes[data-v-fde3e391] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-glastypes-header[data-v-fde3e391] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-glastypes-row[data-v-fde3e391] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes-edit-row[data-v-fde3e391] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings[data-v-fde3e391], .default-form-field-uisettings[data-v-fde3e391] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-infoboxsettings-header[data-v-fde3e391], .default-form-field-uisettings-header[data-v-fde3e391] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-infoboxsettings-row[data-v-fde3e391], .default-form-field-uisettings-row[data-v-fde3e391] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(4, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings-edit-row[data-v-fde3e391], .default-form-field-uisettings-edit-row[data-v-fde3e391] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 75px repeat(3, 1fr) 100px 100px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types[data-v-fde3e391] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-types-header[data-v-fde3e391] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-types-row[data-v-fde3e391] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row[data-v-fde3e391] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row-order[data-v-fde3e391] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr 30px 30px 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.default-form-field-button[data-v-fde3e391] {
  display: flex;
  height: 30px;
  width: 30px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.default-form-field-button[data-v-fde3e391]:hover {
  background-color: #babc16;
}
.default-form-button[data-v-fde3e391] {
  display: flex;
  justify-content: center;
}
.spacer[data-v-fde3e391] {
  flex: 1;
}
.wall-page[data-v-fde3e391] {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 15px;
  min-width: 100%;
}
.wall-page-header[data-v-fde3e391] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.wall-page-v2[data-v-fde3e391] {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 15px;
  min-width: 100%;
}
.wall-page-v2-header[data-v-fde3e391] {
  display: flex;
  flex-direction: column;
  align-items: center;
}p[data-v-9727bbc4] {
  max-width: 75ch;
}
.checkbox[data-v-9727bbc4] {
  opacity: 0;
  display: none;
}
.checkbox-label[data-v-9727bbc4] {
  background-color: white;
  border: 2px solid #4A5568;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
  border-radius: 4px;
  position: relative;
  margin: 0px;
  height: 18px;
  width: 18px;
  transition: background-color 100ms ease;
  cursor: pointer;
}
.checkbox-label-icon[data-v-9727bbc4] {
  color: white;
  margin-left: 1px;
  margin-bottom: 2px;
  transition: color 100ms ease;
}
.checkbox-label-icon-active[data-v-9727bbc4] {
  color: #babc16;
}
.checkbox:checked + .checkbox-label[data-v-9727bbc4] {
  background-color: #4A5568;
}
.compact-form[data-v-9727bbc4] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.compact-form-field[data-v-9727bbc4] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.compact-form-field-label[data-v-9727bbc4] {
  font-size: 0.8rem;
  font-weight: 500;
  min-width: 150px;
  text-align: left;
  padding-right: 10px;
}
.compact-form-field-copy[data-v-9727bbc4] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-copy[data-v-9727bbc4]:hover {
  background-color: #babc16;
}
.compact-form-field-input[data-v-9727bbc4] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 2px 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.8rem;
  border: none;
  background-color: #E3E6E9;
}
.compact-form-field-input[data-v-9727bbc4]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.compact-form-field-options[data-v-9727bbc4] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-options-header[data-v-9727bbc4] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-options-row[data-v-9727bbc4] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-options-edit-row[data-v-9727bbc4] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-boolean[data-v-9727bbc4] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-boolean-row[data-v-9727bbc4] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  justify-items: center;
  gap: 5px;
}
.compact-form-field-boolean-row-item[data-v-9727bbc4] {
  display: flex;
  gap: 15px;
}
.compact-form-field-boolean-row-item span[data-v-9727bbc4] {
  font-size: 0.85rem;
  font-weight: 500;
  text-align: left;
}
.compact-form-field-colors[data-v-9727bbc4] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-colors-header[data-v-9727bbc4] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-colors-row[data-v-9727bbc4] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-colors-edit-row[data-v-9727bbc4] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes[data-v-9727bbc4] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-glastypes-header[data-v-9727bbc4] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-glastypes-row[data-v-9727bbc4] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes-edit-row[data-v-9727bbc4] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-button[data-v-9727bbc4] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-button[data-v-9727bbc4]:hover {
  background-color: #babc16;
}
.compact-form-button[data-v-9727bbc4] {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.default-form[data-v-9727bbc4] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.default-form-field[data-v-9727bbc4] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.default-form-field-label[data-v-9727bbc4] {
  font-size: 1.1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-input[data-v-9727bbc4] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.95rem;
  border: none;
  background-color: #E3E6E9;
}
.default-form-field-input[data-v-9727bbc4]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.default-form-field-options[data-v-9727bbc4] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-options-header[data-v-9727bbc4] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-options-row[data-v-9727bbc4] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-options-edit-row[data-v-9727bbc4] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors[data-v-9727bbc4] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-colors-header[data-v-9727bbc4] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-colors-row[data-v-9727bbc4] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors-edit-row[data-v-9727bbc4] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes[data-v-9727bbc4] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-glastypes-header[data-v-9727bbc4] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-glastypes-row[data-v-9727bbc4] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes-edit-row[data-v-9727bbc4] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings[data-v-9727bbc4], .default-form-field-uisettings[data-v-9727bbc4] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-infoboxsettings-header[data-v-9727bbc4], .default-form-field-uisettings-header[data-v-9727bbc4] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-infoboxsettings-row[data-v-9727bbc4], .default-form-field-uisettings-row[data-v-9727bbc4] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(4, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings-edit-row[data-v-9727bbc4], .default-form-field-uisettings-edit-row[data-v-9727bbc4] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 75px repeat(3, 1fr) 100px 100px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types[data-v-9727bbc4] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-types-header[data-v-9727bbc4] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-types-row[data-v-9727bbc4] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row[data-v-9727bbc4] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row-order[data-v-9727bbc4] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr 30px 30px 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.default-form-field-button[data-v-9727bbc4] {
  display: flex;
  height: 30px;
  width: 30px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.default-form-field-button[data-v-9727bbc4]:hover {
  background-color: #babc16;
}
.default-form-button[data-v-9727bbc4] {
  display: flex;
  justify-content: center;
}
.spacer[data-v-9727bbc4] {
  flex: 1;
}
.wall-page[data-v-9727bbc4] {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 15px;
  min-width: 100%;
}
.wall-page-preview[data-v-9727bbc4] {
  padding-bottom: 25px;
}
.isolatie-section-title[data-v-9727bbc4] {
  background-color: #E3E6E9;
  font-size: 1.2rem;
  margin: 0px;
  font-size: 19px;
  color: #4A5568;
  font-family: "Oswald", sans-serif;
  text-transform: uppercase;
  height: 48px;
  width: 100%;
  line-height: 48px;
  border-radius: 8px;
}
.isolatie-section-description[data-v-9727bbc4] {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 8px;
}
.isolatie-section-description-text[data-v-9727bbc4] {
  text-align: left;
  font-size: 20px;
  font-weight: 400;
}
.isolatie-section-color[data-v-9727bbc4] {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-content: flex-start;
}
.isolatie-section-buttons[data-v-9727bbc4] {
  display: flex;
  width: 80%;
  margin: auto;
}
.extra-option-toggle[data-v-9727bbc4] {
  border: 3px solid white;
  border-radius: 2rem;
  background-color: transparent;
  position: relative;
}
.extra-option-toggle[data-v-9727bbc4] {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 8px;
  cursor: pointer;
}
.extra-option-label[data-v-9727bbc4] {
  font-size: 20px;
  text-transform: uppercase;
}
.infobox[data-v-9727bbc4] {
  display: flex;
  justify-content: flex-end;
  flex: 1;
  align-items: center;
}
.card-button-specs[data-v-9727bbc4] {
  cursor: pointer;
  display: flex;
  align-items: center;
  flex-direction: row;
  margin-top: 4px;
  height: 23px;
  right: 0;
  padding: 3px;
  border-radius: 16px;
  border-style: none;
  background-color: #babc16;
  color: white;
}
.card-button-specs-text[data-v-9727bbc4] {
  font-size: 0.8rem;
  padding: 0px 8px;
  padding-right: 16px;
  font-family: "Source Sans 3", sans-serif;
}
.card-question-mark[data-v-9727bbc4] {
  padding: 0px 5px;
  border-radius: 16px;
  font-weight: bold;
  font-size: 0.7rem;
  color: white;
  background-color: #4A5568;
}
#fullcover[data-v-9727bbc4] {
  position: fixed;
  z-index: 998;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
}
.modalspecs[data-v-9727bbc4] {
  position: fixed;
  z-index: 999;
  left: 50%;
  background-color: white;
  border-radius: 4px;
}
.modalspecs-size[data-v-9727bbc4] {
  top: 3%;
  width: 36rem;
  margin-left: -18rem;
  height: 94vh;
}
.modalspecs-size-mobile[data-v-9727bbc4] {
  top: 10%;
  width: 98%;
  margin-left: -49%;
  height: 80vh;
}
.modaltopcontainer[data-v-9727bbc4] {
  display: flex;
  text-align: start;
  height: 8vh;
}
.modaltopcontainer h3[data-v-9727bbc4] {
  margin: 1.5vh 1.5vh 1.5vh 3vh;
}
.imagescroller[data-v-9727bbc4] {
  max-height: 98%;
  overflow-y: auto;
  border-radius: 8px;
}
.modalimage[data-v-9727bbc4] {
  width: 100%;
  height: auto;
}
.modalclosebutton[data-v-9727bbc4] {
  position: absolute;
  top: 32px;
  right: 48px;
  height: 4vh;
  width: 4vh;
  background: transparent;
  color: white;
  border: 2px solid white;
  box-sizing: border-box;
  border-radius: 3vh;
  font-size: 4vh;
  pointer-events: all;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.5s ease;
}
.modalclosebutton[data-v-9727bbc4]:hover {
  background-color: rgba(255, 255, 15, 0.75);
}p[data-v-aec4ee6c] {
  max-width: 75ch;
}
.checkbox[data-v-aec4ee6c] {
  opacity: 0;
  display: none;
}
.checkbox-label[data-v-aec4ee6c] {
  background-color: white;
  border: 2px solid #4A5568;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
  border-radius: 4px;
  position: relative;
  margin: 0px;
  height: 18px;
  width: 18px;
  transition: background-color 100ms ease;
  cursor: pointer;
}
.checkbox-label-icon[data-v-aec4ee6c] {
  color: white;
  margin-left: 1px;
  margin-bottom: 2px;
  transition: color 100ms ease;
}
.checkbox-label-icon-active[data-v-aec4ee6c] {
  color: #babc16;
}
.checkbox:checked + .checkbox-label[data-v-aec4ee6c] {
  background-color: #4A5568;
}
.compact-form[data-v-aec4ee6c] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.compact-form-field[data-v-aec4ee6c] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.compact-form-field-label[data-v-aec4ee6c] {
  font-size: 0.8rem;
  font-weight: 500;
  min-width: 150px;
  text-align: left;
  padding-right: 10px;
}
.compact-form-field-copy[data-v-aec4ee6c] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-copy[data-v-aec4ee6c]:hover {
  background-color: #babc16;
}
.compact-form-field-input[data-v-aec4ee6c] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 2px 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.8rem;
  border: none;
  background-color: #E3E6E9;
}
.compact-form-field-input[data-v-aec4ee6c]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.compact-form-field-options[data-v-aec4ee6c] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-options-header[data-v-aec4ee6c] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-options-row[data-v-aec4ee6c] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-options-edit-row[data-v-aec4ee6c] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-boolean[data-v-aec4ee6c] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-boolean-row[data-v-aec4ee6c] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  justify-items: center;
  gap: 5px;
}
.compact-form-field-boolean-row-item[data-v-aec4ee6c] {
  display: flex;
  gap: 15px;
}
.compact-form-field-boolean-row-item span[data-v-aec4ee6c] {
  font-size: 0.85rem;
  font-weight: 500;
  text-align: left;
}
.compact-form-field-colors[data-v-aec4ee6c] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-colors-header[data-v-aec4ee6c] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-colors-row[data-v-aec4ee6c] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-colors-edit-row[data-v-aec4ee6c] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes[data-v-aec4ee6c] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-glastypes-header[data-v-aec4ee6c] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-glastypes-row[data-v-aec4ee6c] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes-edit-row[data-v-aec4ee6c] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-button[data-v-aec4ee6c] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-button[data-v-aec4ee6c]:hover {
  background-color: #babc16;
}
.compact-form-button[data-v-aec4ee6c] {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.default-form[data-v-aec4ee6c] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.default-form-field[data-v-aec4ee6c] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.default-form-field-label[data-v-aec4ee6c] {
  font-size: 1.1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-input[data-v-aec4ee6c] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.95rem;
  border: none;
  background-color: #E3E6E9;
}
.default-form-field-input[data-v-aec4ee6c]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.default-form-field-options[data-v-aec4ee6c] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-options-header[data-v-aec4ee6c] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-options-row[data-v-aec4ee6c] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-options-edit-row[data-v-aec4ee6c] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors[data-v-aec4ee6c] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-colors-header[data-v-aec4ee6c] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-colors-row[data-v-aec4ee6c] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors-edit-row[data-v-aec4ee6c] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes[data-v-aec4ee6c] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-glastypes-header[data-v-aec4ee6c] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-glastypes-row[data-v-aec4ee6c] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes-edit-row[data-v-aec4ee6c] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings[data-v-aec4ee6c], .default-form-field-uisettings[data-v-aec4ee6c] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-infoboxsettings-header[data-v-aec4ee6c], .default-form-field-uisettings-header[data-v-aec4ee6c] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-infoboxsettings-row[data-v-aec4ee6c], .default-form-field-uisettings-row[data-v-aec4ee6c] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(4, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings-edit-row[data-v-aec4ee6c], .default-form-field-uisettings-edit-row[data-v-aec4ee6c] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 75px repeat(3, 1fr) 100px 100px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types[data-v-aec4ee6c] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-types-header[data-v-aec4ee6c] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-types-row[data-v-aec4ee6c] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row[data-v-aec4ee6c] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row-order[data-v-aec4ee6c] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr 30px 30px 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.default-form-field-button[data-v-aec4ee6c] {
  display: flex;
  height: 30px;
  width: 30px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.default-form-field-button[data-v-aec4ee6c]:hover {
  background-color: #babc16;
}
.default-form-button[data-v-aec4ee6c] {
  display: flex;
  justify-content: center;
}
.spacer[data-v-aec4ee6c] {
  flex: 1;
}
.steel-page[data-v-aec4ee6c] {
  display: grid;
  padding: 25px 0px;
  gap: 15px;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-auto-rows: minmax(min-content, max-content);
}p[data-v-c4ada523] {
  max-width: 75ch;
}
.checkbox[data-v-c4ada523] {
  opacity: 0;
  display: none;
}
.checkbox-label[data-v-c4ada523] {
  background-color: white;
  border: 2px solid #4A5568;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
  border-radius: 4px;
  position: relative;
  margin: 0px;
  height: 18px;
  width: 18px;
  transition: background-color 100ms ease;
  cursor: pointer;
}
.checkbox-label-icon[data-v-c4ada523] {
  color: white;
  margin-left: 1px;
  margin-bottom: 2px;
  transition: color 100ms ease;
}
.checkbox-label-icon-active[data-v-c4ada523] {
  color: #babc16;
}
.checkbox:checked + .checkbox-label[data-v-c4ada523] {
  background-color: #4A5568;
}
.compact-form[data-v-c4ada523] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.compact-form-field[data-v-c4ada523] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.compact-form-field-label[data-v-c4ada523] {
  font-size: 0.8rem;
  font-weight: 500;
  min-width: 150px;
  text-align: left;
  padding-right: 10px;
}
.compact-form-field-copy[data-v-c4ada523] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-copy[data-v-c4ada523]:hover {
  background-color: #babc16;
}
.compact-form-field-input[data-v-c4ada523] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 2px 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.8rem;
  border: none;
  background-color: #E3E6E9;
}
.compact-form-field-input[data-v-c4ada523]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.compact-form-field-options[data-v-c4ada523] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-options-header[data-v-c4ada523] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-options-row[data-v-c4ada523] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-options-edit-row[data-v-c4ada523] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-boolean[data-v-c4ada523] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-boolean-row[data-v-c4ada523] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  justify-items: center;
  gap: 5px;
}
.compact-form-field-boolean-row-item[data-v-c4ada523] {
  display: flex;
  gap: 15px;
}
.compact-form-field-boolean-row-item span[data-v-c4ada523] {
  font-size: 0.85rem;
  font-weight: 500;
  text-align: left;
}
.compact-form-field-colors[data-v-c4ada523] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-colors-header[data-v-c4ada523] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-colors-row[data-v-c4ada523] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-colors-edit-row[data-v-c4ada523] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes[data-v-c4ada523] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-glastypes-header[data-v-c4ada523] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-glastypes-row[data-v-c4ada523] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes-edit-row[data-v-c4ada523] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-button[data-v-c4ada523] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-button[data-v-c4ada523]:hover {
  background-color: #babc16;
}
.compact-form-button[data-v-c4ada523] {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.default-form[data-v-c4ada523] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.default-form-field[data-v-c4ada523] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.default-form-field-label[data-v-c4ada523] {
  font-size: 1.1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-input[data-v-c4ada523] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.95rem;
  border: none;
  background-color: #E3E6E9;
}
.default-form-field-input[data-v-c4ada523]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.default-form-field-options[data-v-c4ada523] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-options-header[data-v-c4ada523] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-options-row[data-v-c4ada523] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-options-edit-row[data-v-c4ada523] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors[data-v-c4ada523] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-colors-header[data-v-c4ada523] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-colors-row[data-v-c4ada523] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors-edit-row[data-v-c4ada523] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes[data-v-c4ada523] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-glastypes-header[data-v-c4ada523] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-glastypes-row[data-v-c4ada523] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes-edit-row[data-v-c4ada523] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings[data-v-c4ada523], .default-form-field-uisettings[data-v-c4ada523] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-infoboxsettings-header[data-v-c4ada523], .default-form-field-uisettings-header[data-v-c4ada523] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-infoboxsettings-row[data-v-c4ada523], .default-form-field-uisettings-row[data-v-c4ada523] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(4, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings-edit-row[data-v-c4ada523], .default-form-field-uisettings-edit-row[data-v-c4ada523] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 75px repeat(3, 1fr) 100px 100px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types[data-v-c4ada523] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-types-header[data-v-c4ada523] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-types-row[data-v-c4ada523] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row[data-v-c4ada523] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row-order[data-v-c4ada523] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr 30px 30px 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.default-form-field-button[data-v-c4ada523] {
  display: flex;
  height: 30px;
  width: 30px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.default-form-field-button[data-v-c4ada523]:hover {
  background-color: #babc16;
}
.default-form-button[data-v-c4ada523] {
  display: flex;
  justify-content: center;
}
.spacer[data-v-c4ada523] {
  flex: 1;
}
.steel-page[data-v-c4ada523] {
  display: grid;
  padding: 25px 0px;
  gap: 15px;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-auto-rows: minmax(min-content, max-content);
}p[data-v-84b5f5a6] {
  max-width: 75ch;
}
.checkbox[data-v-84b5f5a6] {
  opacity: 0;
  display: none;
}
.checkbox-label[data-v-84b5f5a6] {
  background-color: white;
  border: 2px solid #4A5568;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
  border-radius: 4px;
  position: relative;
  margin: 0px;
  height: 18px;
  width: 18px;
  transition: background-color 100ms ease;
  cursor: pointer;
}
.checkbox-label-icon[data-v-84b5f5a6] {
  color: white;
  margin-left: 1px;
  margin-bottom: 2px;
  transition: color 100ms ease;
}
.checkbox-label-icon-active[data-v-84b5f5a6] {
  color: #babc16;
}
.checkbox:checked + .checkbox-label[data-v-84b5f5a6] {
  background-color: #4A5568;
}
.compact-form[data-v-84b5f5a6] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.compact-form-field[data-v-84b5f5a6] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.compact-form-field-label[data-v-84b5f5a6] {
  font-size: 0.8rem;
  font-weight: 500;
  min-width: 150px;
  text-align: left;
  padding-right: 10px;
}
.compact-form-field-copy[data-v-84b5f5a6] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-copy[data-v-84b5f5a6]:hover {
  background-color: #babc16;
}
.compact-form-field-input[data-v-84b5f5a6] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 2px 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.8rem;
  border: none;
  background-color: #E3E6E9;
}
.compact-form-field-input[data-v-84b5f5a6]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.compact-form-field-options[data-v-84b5f5a6] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-options-header[data-v-84b5f5a6] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-options-row[data-v-84b5f5a6] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-options-edit-row[data-v-84b5f5a6] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-boolean[data-v-84b5f5a6] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-boolean-row[data-v-84b5f5a6] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  justify-items: center;
  gap: 5px;
}
.compact-form-field-boolean-row-item[data-v-84b5f5a6] {
  display: flex;
  gap: 15px;
}
.compact-form-field-boolean-row-item span[data-v-84b5f5a6] {
  font-size: 0.85rem;
  font-weight: 500;
  text-align: left;
}
.compact-form-field-colors[data-v-84b5f5a6] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-colors-header[data-v-84b5f5a6] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-colors-row[data-v-84b5f5a6] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-colors-edit-row[data-v-84b5f5a6] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes[data-v-84b5f5a6] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-glastypes-header[data-v-84b5f5a6] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-glastypes-row[data-v-84b5f5a6] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes-edit-row[data-v-84b5f5a6] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-button[data-v-84b5f5a6] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-button[data-v-84b5f5a6]:hover {
  background-color: #babc16;
}
.compact-form-button[data-v-84b5f5a6] {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.default-form[data-v-84b5f5a6] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.default-form-field[data-v-84b5f5a6] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.default-form-field-label[data-v-84b5f5a6] {
  font-size: 1.1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-input[data-v-84b5f5a6] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.95rem;
  border: none;
  background-color: #E3E6E9;
}
.default-form-field-input[data-v-84b5f5a6]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.default-form-field-options[data-v-84b5f5a6] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-options-header[data-v-84b5f5a6] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-options-row[data-v-84b5f5a6] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-options-edit-row[data-v-84b5f5a6] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors[data-v-84b5f5a6] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-colors-header[data-v-84b5f5a6] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-colors-row[data-v-84b5f5a6] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors-edit-row[data-v-84b5f5a6] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes[data-v-84b5f5a6] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-glastypes-header[data-v-84b5f5a6] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-glastypes-row[data-v-84b5f5a6] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes-edit-row[data-v-84b5f5a6] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings[data-v-84b5f5a6], .default-form-field-uisettings[data-v-84b5f5a6] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-infoboxsettings-header[data-v-84b5f5a6], .default-form-field-uisettings-header[data-v-84b5f5a6] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-infoboxsettings-row[data-v-84b5f5a6], .default-form-field-uisettings-row[data-v-84b5f5a6] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(4, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings-edit-row[data-v-84b5f5a6], .default-form-field-uisettings-edit-row[data-v-84b5f5a6] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 75px repeat(3, 1fr) 100px 100px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types[data-v-84b5f5a6] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-types-header[data-v-84b5f5a6] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-types-row[data-v-84b5f5a6] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row[data-v-84b5f5a6] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row-order[data-v-84b5f5a6] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr 30px 30px 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.default-form-field-button[data-v-84b5f5a6] {
  display: flex;
  height: 30px;
  width: 30px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.default-form-field-button[data-v-84b5f5a6]:hover {
  background-color: #babc16;
}
.default-form-button[data-v-84b5f5a6] {
  display: flex;
  justify-content: center;
}
.spacer[data-v-84b5f5a6] {
  flex: 1;
}
.steel-page[data-v-84b5f5a6] {
  display: grid;
  padding: 25px 0px;
  gap: 16px;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-auto-rows: minmax(min-content, max-content);
}
.top-page-solo[data-v-84b5f5a6] {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 16px;
  min-width: 100%;
}
.top-page-solo-header[data-v-84b5f5a6] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.options-container[data-v-84b5f5a6] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr; /* 4 equal columns */
  gap: 8px;
  max-width: 100%;
  position: relative;
  overflow: hidden;
}
@media (max-width: 768px) {
.options-container[data-v-84b5f5a6] {
    grid-template-columns: 1fr 1fr 1fr; /* 2 equal columns */
}
}
.compleet-text[data-v-84b5f5a6] {
  font-size: 20px;
  text-align: left;
  margin-top: 16px;
  font-weight: 400;
}
.extra-info[data-v-84b5f5a6] {
  font-size: 20px;
  text-align: left;
}p[data-v-9d745fa8] {
  max-width: 75ch;
}
.checkbox[data-v-9d745fa8] {
  opacity: 0;
  display: none;
}
.checkbox-label[data-v-9d745fa8] {
  background-color: white;
  border: 2px solid #4A5568;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
  border-radius: 4px;
  position: relative;
  margin: 0px;
  height: 18px;
  width: 18px;
  transition: background-color 100ms ease;
  cursor: pointer;
}
.checkbox-label-icon[data-v-9d745fa8] {
  color: white;
  margin-left: 1px;
  margin-bottom: 2px;
  transition: color 100ms ease;
}
.checkbox-label-icon-active[data-v-9d745fa8] {
  color: #babc16;
}
.checkbox:checked + .checkbox-label[data-v-9d745fa8] {
  background-color: #4A5568;
}
.compact-form[data-v-9d745fa8] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.compact-form-field[data-v-9d745fa8] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.compact-form-field-label[data-v-9d745fa8] {
  font-size: 0.8rem;
  font-weight: 500;
  min-width: 150px;
  text-align: left;
  padding-right: 10px;
}
.compact-form-field-copy[data-v-9d745fa8] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-copy[data-v-9d745fa8]:hover {
  background-color: #babc16;
}
.compact-form-field-input[data-v-9d745fa8] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 2px 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.8rem;
  border: none;
  background-color: #E3E6E9;
}
.compact-form-field-input[data-v-9d745fa8]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.compact-form-field-options[data-v-9d745fa8] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-options-header[data-v-9d745fa8] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-options-row[data-v-9d745fa8] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-options-edit-row[data-v-9d745fa8] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-boolean[data-v-9d745fa8] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-boolean-row[data-v-9d745fa8] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  justify-items: center;
  gap: 5px;
}
.compact-form-field-boolean-row-item[data-v-9d745fa8] {
  display: flex;
  gap: 15px;
}
.compact-form-field-boolean-row-item span[data-v-9d745fa8] {
  font-size: 0.85rem;
  font-weight: 500;
  text-align: left;
}
.compact-form-field-colors[data-v-9d745fa8] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-colors-header[data-v-9d745fa8] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-colors-row[data-v-9d745fa8] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-colors-edit-row[data-v-9d745fa8] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes[data-v-9d745fa8] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-glastypes-header[data-v-9d745fa8] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-glastypes-row[data-v-9d745fa8] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes-edit-row[data-v-9d745fa8] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-button[data-v-9d745fa8] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-button[data-v-9d745fa8]:hover {
  background-color: #babc16;
}
.compact-form-button[data-v-9d745fa8] {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.default-form[data-v-9d745fa8] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.default-form-field[data-v-9d745fa8] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.default-form-field-label[data-v-9d745fa8] {
  font-size: 1.1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-input[data-v-9d745fa8] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.95rem;
  border: none;
  background-color: #E3E6E9;
}
.default-form-field-input[data-v-9d745fa8]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.default-form-field-options[data-v-9d745fa8] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-options-header[data-v-9d745fa8] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-options-row[data-v-9d745fa8] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-options-edit-row[data-v-9d745fa8] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors[data-v-9d745fa8] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-colors-header[data-v-9d745fa8] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-colors-row[data-v-9d745fa8] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors-edit-row[data-v-9d745fa8] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes[data-v-9d745fa8] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-glastypes-header[data-v-9d745fa8] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-glastypes-row[data-v-9d745fa8] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes-edit-row[data-v-9d745fa8] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings[data-v-9d745fa8], .default-form-field-uisettings[data-v-9d745fa8] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-infoboxsettings-header[data-v-9d745fa8], .default-form-field-uisettings-header[data-v-9d745fa8] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-infoboxsettings-row[data-v-9d745fa8], .default-form-field-uisettings-row[data-v-9d745fa8] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(4, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings-edit-row[data-v-9d745fa8], .default-form-field-uisettings-edit-row[data-v-9d745fa8] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 75px repeat(3, 1fr) 100px 100px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types[data-v-9d745fa8] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-types-header[data-v-9d745fa8] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-types-row[data-v-9d745fa8] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row[data-v-9d745fa8] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row-order[data-v-9d745fa8] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr 30px 30px 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.default-form-field-button[data-v-9d745fa8] {
  display: flex;
  height: 30px;
  width: 30px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.default-form-field-button[data-v-9d745fa8]:hover {
  background-color: #babc16;
}
.default-form-button[data-v-9d745fa8] {
  display: flex;
  justify-content: center;
}
.spacer[data-v-9d745fa8] {
  flex: 1;
}
.wall-page[data-v-9d745fa8] {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 15px;
  min-width: 100%;
}
.wall-page-header[data-v-9d745fa8] {
  display: flex;
  flex-direction: column;
  align-items: center;
}p[data-v-e740b2fa] {
  max-width: 75ch;
}
.checkbox[data-v-e740b2fa] {
  opacity: 0;
  display: none;
}
.checkbox-label[data-v-e740b2fa] {
  background-color: white;
  border: 2px solid #4A5568;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
  border-radius: 4px;
  position: relative;
  margin: 0px;
  height: 18px;
  width: 18px;
  transition: background-color 100ms ease;
  cursor: pointer;
}
.checkbox-label-icon[data-v-e740b2fa] {
  color: white;
  margin-left: 1px;
  margin-bottom: 2px;
  transition: color 100ms ease;
}
.checkbox-label-icon-active[data-v-e740b2fa] {
  color: #babc16;
}
.checkbox:checked + .checkbox-label[data-v-e740b2fa] {
  background-color: #4A5568;
}
.compact-form[data-v-e740b2fa] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.compact-form-field[data-v-e740b2fa] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.compact-form-field-label[data-v-e740b2fa] {
  font-size: 0.8rem;
  font-weight: 500;
  min-width: 150px;
  text-align: left;
  padding-right: 10px;
}
.compact-form-field-copy[data-v-e740b2fa] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-copy[data-v-e740b2fa]:hover {
  background-color: #babc16;
}
.compact-form-field-input[data-v-e740b2fa] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 2px 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.8rem;
  border: none;
  background-color: #E3E6E9;
}
.compact-form-field-input[data-v-e740b2fa]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.compact-form-field-options[data-v-e740b2fa] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-options-header[data-v-e740b2fa] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-options-row[data-v-e740b2fa] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-options-edit-row[data-v-e740b2fa] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-boolean[data-v-e740b2fa] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-boolean-row[data-v-e740b2fa] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  justify-items: center;
  gap: 5px;
}
.compact-form-field-boolean-row-item[data-v-e740b2fa] {
  display: flex;
  gap: 15px;
}
.compact-form-field-boolean-row-item span[data-v-e740b2fa] {
  font-size: 0.85rem;
  font-weight: 500;
  text-align: left;
}
.compact-form-field-colors[data-v-e740b2fa] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-colors-header[data-v-e740b2fa] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-colors-row[data-v-e740b2fa] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-colors-edit-row[data-v-e740b2fa] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes[data-v-e740b2fa] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-glastypes-header[data-v-e740b2fa] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-glastypes-row[data-v-e740b2fa] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes-edit-row[data-v-e740b2fa] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-button[data-v-e740b2fa] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-button[data-v-e740b2fa]:hover {
  background-color: #babc16;
}
.compact-form-button[data-v-e740b2fa] {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.default-form[data-v-e740b2fa] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.default-form-field[data-v-e740b2fa] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.default-form-field-label[data-v-e740b2fa] {
  font-size: 1.1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-input[data-v-e740b2fa] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.95rem;
  border: none;
  background-color: #E3E6E9;
}
.default-form-field-input[data-v-e740b2fa]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.default-form-field-options[data-v-e740b2fa] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-options-header[data-v-e740b2fa] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-options-row[data-v-e740b2fa] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-options-edit-row[data-v-e740b2fa] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors[data-v-e740b2fa] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-colors-header[data-v-e740b2fa] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-colors-row[data-v-e740b2fa] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors-edit-row[data-v-e740b2fa] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes[data-v-e740b2fa] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-glastypes-header[data-v-e740b2fa] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-glastypes-row[data-v-e740b2fa] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes-edit-row[data-v-e740b2fa] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings[data-v-e740b2fa], .default-form-field-uisettings[data-v-e740b2fa] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-infoboxsettings-header[data-v-e740b2fa], .default-form-field-uisettings-header[data-v-e740b2fa] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-infoboxsettings-row[data-v-e740b2fa], .default-form-field-uisettings-row[data-v-e740b2fa] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(4, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings-edit-row[data-v-e740b2fa], .default-form-field-uisettings-edit-row[data-v-e740b2fa] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 75px repeat(3, 1fr) 100px 100px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types[data-v-e740b2fa] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-types-header[data-v-e740b2fa] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-types-row[data-v-e740b2fa] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row[data-v-e740b2fa] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row-order[data-v-e740b2fa] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr 30px 30px 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.default-form-field-button[data-v-e740b2fa] {
  display: flex;
  height: 30px;
  width: 30px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.default-form-field-button[data-v-e740b2fa]:hover {
  background-color: #babc16;
}
.default-form-button[data-v-e740b2fa] {
  display: flex;
  justify-content: center;
}
.spacer[data-v-e740b2fa] {
  flex: 1;
}
.bdoors-page[data-v-e740b2fa] {
  display: grid;
  padding: 25px 0px;
  gap: 15px;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-auto-rows: minmax(min-content, max-content);
}p[data-v-2a250b10] {
  max-width: 75ch;
}
.checkbox[data-v-2a250b10] {
  opacity: 0;
  display: none;
}
.checkbox-label[data-v-2a250b10] {
  background-color: white;
  border: 2px solid #4A5568;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
  border-radius: 4px;
  position: relative;
  margin: 0px;
  height: 18px;
  width: 18px;
  transition: background-color 100ms ease;
  cursor: pointer;
}
.checkbox-label-icon[data-v-2a250b10] {
  color: white;
  margin-left: 1px;
  margin-bottom: 2px;
  transition: color 100ms ease;
}
.checkbox-label-icon-active[data-v-2a250b10] {
  color: #babc16;
}
.checkbox:checked + .checkbox-label[data-v-2a250b10] {
  background-color: #4A5568;
}
.compact-form[data-v-2a250b10] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.compact-form-field[data-v-2a250b10] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.compact-form-field-label[data-v-2a250b10] {
  font-size: 0.8rem;
  font-weight: 500;
  min-width: 150px;
  text-align: left;
  padding-right: 10px;
}
.compact-form-field-copy[data-v-2a250b10] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-copy[data-v-2a250b10]:hover {
  background-color: #babc16;
}
.compact-form-field-input[data-v-2a250b10] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 2px 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.8rem;
  border: none;
  background-color: #E3E6E9;
}
.compact-form-field-input[data-v-2a250b10]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.compact-form-field-options[data-v-2a250b10] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-options-header[data-v-2a250b10] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-options-row[data-v-2a250b10] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-options-edit-row[data-v-2a250b10] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-boolean[data-v-2a250b10] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-boolean-row[data-v-2a250b10] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  justify-items: center;
  gap: 5px;
}
.compact-form-field-boolean-row-item[data-v-2a250b10] {
  display: flex;
  gap: 15px;
}
.compact-form-field-boolean-row-item span[data-v-2a250b10] {
  font-size: 0.85rem;
  font-weight: 500;
  text-align: left;
}
.compact-form-field-colors[data-v-2a250b10] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-colors-header[data-v-2a250b10] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-colors-row[data-v-2a250b10] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-colors-edit-row[data-v-2a250b10] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes[data-v-2a250b10] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-glastypes-header[data-v-2a250b10] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-glastypes-row[data-v-2a250b10] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes-edit-row[data-v-2a250b10] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-button[data-v-2a250b10] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-button[data-v-2a250b10]:hover {
  background-color: #babc16;
}
.compact-form-button[data-v-2a250b10] {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.default-form[data-v-2a250b10] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.default-form-field[data-v-2a250b10] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.default-form-field-label[data-v-2a250b10] {
  font-size: 1.1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-input[data-v-2a250b10] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.95rem;
  border: none;
  background-color: #E3E6E9;
}
.default-form-field-input[data-v-2a250b10]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.default-form-field-options[data-v-2a250b10] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-options-header[data-v-2a250b10] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-options-row[data-v-2a250b10] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-options-edit-row[data-v-2a250b10] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors[data-v-2a250b10] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-colors-header[data-v-2a250b10] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-colors-row[data-v-2a250b10] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors-edit-row[data-v-2a250b10] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes[data-v-2a250b10] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-glastypes-header[data-v-2a250b10] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-glastypes-row[data-v-2a250b10] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes-edit-row[data-v-2a250b10] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings[data-v-2a250b10], .default-form-field-uisettings[data-v-2a250b10] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-infoboxsettings-header[data-v-2a250b10], .default-form-field-uisettings-header[data-v-2a250b10] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-infoboxsettings-row[data-v-2a250b10], .default-form-field-uisettings-row[data-v-2a250b10] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(4, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings-edit-row[data-v-2a250b10], .default-form-field-uisettings-edit-row[data-v-2a250b10] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 75px repeat(3, 1fr) 100px 100px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types[data-v-2a250b10] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-types-header[data-v-2a250b10] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-types-row[data-v-2a250b10] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row[data-v-2a250b10] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row-order[data-v-2a250b10] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr 30px 30px 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.default-form-field-button[data-v-2a250b10] {
  display: flex;
  height: 30px;
  width: 30px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.default-form-field-button[data-v-2a250b10]:hover {
  background-color: #babc16;
}
.default-form-button[data-v-2a250b10] {
  display: flex;
  justify-content: center;
}
.spacer[data-v-2a250b10] {
  flex: 1;
}
.bwindows-page[data-v-2a250b10] {
  display: grid;
  padding: 25px 0px;
  gap: 15px;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-auto-rows: minmax(min-content, max-content);
}p[data-v-1f5272b6] {
  max-width: 75ch;
}
.checkbox[data-v-1f5272b6] {
  opacity: 0;
  display: none;
}
.checkbox-label[data-v-1f5272b6] {
  background-color: white;
  border: 2px solid #4A5568;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
  border-radius: 4px;
  position: relative;
  margin: 0px;
  height: 18px;
  width: 18px;
  transition: background-color 100ms ease;
  cursor: pointer;
}
.checkbox-label-icon[data-v-1f5272b6] {
  color: white;
  margin-left: 1px;
  margin-bottom: 2px;
  transition: color 100ms ease;
}
.checkbox-label-icon-active[data-v-1f5272b6] {
  color: #babc16;
}
.checkbox:checked + .checkbox-label[data-v-1f5272b6] {
  background-color: #4A5568;
}
.compact-form[data-v-1f5272b6] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.compact-form-field[data-v-1f5272b6] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.compact-form-field-label[data-v-1f5272b6] {
  font-size: 0.8rem;
  font-weight: 500;
  min-width: 150px;
  text-align: left;
  padding-right: 10px;
}
.compact-form-field-copy[data-v-1f5272b6] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-copy[data-v-1f5272b6]:hover {
  background-color: #babc16;
}
.compact-form-field-input[data-v-1f5272b6] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 2px 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.8rem;
  border: none;
  background-color: #E3E6E9;
}
.compact-form-field-input[data-v-1f5272b6]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.compact-form-field-options[data-v-1f5272b6] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-options-header[data-v-1f5272b6] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-options-row[data-v-1f5272b6] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-options-edit-row[data-v-1f5272b6] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-boolean[data-v-1f5272b6] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-boolean-row[data-v-1f5272b6] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  justify-items: center;
  gap: 5px;
}
.compact-form-field-boolean-row-item[data-v-1f5272b6] {
  display: flex;
  gap: 15px;
}
.compact-form-field-boolean-row-item span[data-v-1f5272b6] {
  font-size: 0.85rem;
  font-weight: 500;
  text-align: left;
}
.compact-form-field-colors[data-v-1f5272b6] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-colors-header[data-v-1f5272b6] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-colors-row[data-v-1f5272b6] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-colors-edit-row[data-v-1f5272b6] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes[data-v-1f5272b6] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-glastypes-header[data-v-1f5272b6] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-glastypes-row[data-v-1f5272b6] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes-edit-row[data-v-1f5272b6] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-button[data-v-1f5272b6] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-button[data-v-1f5272b6]:hover {
  background-color: #babc16;
}
.compact-form-button[data-v-1f5272b6] {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.default-form[data-v-1f5272b6] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.default-form-field[data-v-1f5272b6] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.default-form-field-label[data-v-1f5272b6] {
  font-size: 1.1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-input[data-v-1f5272b6] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.95rem;
  border: none;
  background-color: #E3E6E9;
}
.default-form-field-input[data-v-1f5272b6]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.default-form-field-options[data-v-1f5272b6] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-options-header[data-v-1f5272b6] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-options-row[data-v-1f5272b6] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-options-edit-row[data-v-1f5272b6] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors[data-v-1f5272b6] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-colors-header[data-v-1f5272b6] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-colors-row[data-v-1f5272b6] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors-edit-row[data-v-1f5272b6] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes[data-v-1f5272b6] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-glastypes-header[data-v-1f5272b6] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-glastypes-row[data-v-1f5272b6] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes-edit-row[data-v-1f5272b6] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings[data-v-1f5272b6], .default-form-field-uisettings[data-v-1f5272b6] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-infoboxsettings-header[data-v-1f5272b6], .default-form-field-uisettings-header[data-v-1f5272b6] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-infoboxsettings-row[data-v-1f5272b6], .default-form-field-uisettings-row[data-v-1f5272b6] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(4, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings-edit-row[data-v-1f5272b6], .default-form-field-uisettings-edit-row[data-v-1f5272b6] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 75px repeat(3, 1fr) 100px 100px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types[data-v-1f5272b6] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-types-header[data-v-1f5272b6] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-types-row[data-v-1f5272b6] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row[data-v-1f5272b6] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row-order[data-v-1f5272b6] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr 30px 30px 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.default-form-field-button[data-v-1f5272b6] {
  display: flex;
  height: 30px;
  width: 30px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.default-form-field-button[data-v-1f5272b6]:hover {
  background-color: #babc16;
}
.default-form-button[data-v-1f5272b6] {
  display: flex;
  justify-content: center;
}
.spacer[data-v-1f5272b6] {
  flex: 1;
}
.sldoors-page[data-v-1f5272b6] {
  display: grid;
  padding: 25px 0px;
  gap: 15px;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-auto-rows: minmax(min-content, max-content);
}p[data-v-b1756a52] {
  max-width: 75ch;
}
.checkbox[data-v-b1756a52] {
  opacity: 0;
  display: none;
}
.checkbox-label[data-v-b1756a52] {
  background-color: white;
  border: 2px solid #4A5568;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
  border-radius: 4px;
  position: relative;
  margin: 0px;
  height: 18px;
  width: 18px;
  transition: background-color 100ms ease;
  cursor: pointer;
}
.checkbox-label-icon[data-v-b1756a52] {
  color: white;
  margin-left: 1px;
  margin-bottom: 2px;
  transition: color 100ms ease;
}
.checkbox-label-icon-active[data-v-b1756a52] {
  color: #babc16;
}
.checkbox:checked + .checkbox-label[data-v-b1756a52] {
  background-color: #4A5568;
}
.compact-form[data-v-b1756a52] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.compact-form-field[data-v-b1756a52] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.compact-form-field-label[data-v-b1756a52] {
  font-size: 0.8rem;
  font-weight: 500;
  min-width: 150px;
  text-align: left;
  padding-right: 10px;
}
.compact-form-field-copy[data-v-b1756a52] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-copy[data-v-b1756a52]:hover {
  background-color: #babc16;
}
.compact-form-field-input[data-v-b1756a52] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 2px 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.8rem;
  border: none;
  background-color: #E3E6E9;
}
.compact-form-field-input[data-v-b1756a52]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.compact-form-field-options[data-v-b1756a52] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-options-header[data-v-b1756a52] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-options-row[data-v-b1756a52] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-options-edit-row[data-v-b1756a52] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-boolean[data-v-b1756a52] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-boolean-row[data-v-b1756a52] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  justify-items: center;
  gap: 5px;
}
.compact-form-field-boolean-row-item[data-v-b1756a52] {
  display: flex;
  gap: 15px;
}
.compact-form-field-boolean-row-item span[data-v-b1756a52] {
  font-size: 0.85rem;
  font-weight: 500;
  text-align: left;
}
.compact-form-field-colors[data-v-b1756a52] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-colors-header[data-v-b1756a52] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-colors-row[data-v-b1756a52] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-colors-edit-row[data-v-b1756a52] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes[data-v-b1756a52] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-glastypes-header[data-v-b1756a52] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-glastypes-row[data-v-b1756a52] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes-edit-row[data-v-b1756a52] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-button[data-v-b1756a52] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-button[data-v-b1756a52]:hover {
  background-color: #babc16;
}
.compact-form-button[data-v-b1756a52] {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.default-form[data-v-b1756a52] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.default-form-field[data-v-b1756a52] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.default-form-field-label[data-v-b1756a52] {
  font-size: 1.1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-input[data-v-b1756a52] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.95rem;
  border: none;
  background-color: #E3E6E9;
}
.default-form-field-input[data-v-b1756a52]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.default-form-field-options[data-v-b1756a52] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-options-header[data-v-b1756a52] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-options-row[data-v-b1756a52] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-options-edit-row[data-v-b1756a52] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors[data-v-b1756a52] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-colors-header[data-v-b1756a52] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-colors-row[data-v-b1756a52] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors-edit-row[data-v-b1756a52] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes[data-v-b1756a52] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-glastypes-header[data-v-b1756a52] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-glastypes-row[data-v-b1756a52] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes-edit-row[data-v-b1756a52] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings[data-v-b1756a52], .default-form-field-uisettings[data-v-b1756a52] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-infoboxsettings-header[data-v-b1756a52], .default-form-field-uisettings-header[data-v-b1756a52] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-infoboxsettings-row[data-v-b1756a52], .default-form-field-uisettings-row[data-v-b1756a52] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(4, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings-edit-row[data-v-b1756a52], .default-form-field-uisettings-edit-row[data-v-b1756a52] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 75px repeat(3, 1fr) 100px 100px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types[data-v-b1756a52] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-types-header[data-v-b1756a52] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-types-row[data-v-b1756a52] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row[data-v-b1756a52] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row-order[data-v-b1756a52] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr 30px 30px 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.default-form-field-button[data-v-b1756a52] {
  display: flex;
  height: 30px;
  width: 30px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.default-form-field-button[data-v-b1756a52]:hover {
  background-color: #babc16;
}
.default-form-button[data-v-b1756a52] {
  display: flex;
  justify-content: center;
}
.spacer[data-v-b1756a52] {
  flex: 1;
}
.slwindows-page[data-v-b1756a52] {
  display: grid;
  padding: 25px 0px;
  gap: 15px;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-auto-rows: minmax(min-content, max-content);
}p[data-v-9467faf8] {
  max-width: 75ch;
}
.checkbox[data-v-9467faf8] {
  opacity: 0;
  display: none;
}
.checkbox-label[data-v-9467faf8] {
  background-color: white;
  border: 2px solid #4A5568;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
  border-radius: 4px;
  position: relative;
  margin: 0px;
  height: 18px;
  width: 18px;
  transition: background-color 100ms ease;
  cursor: pointer;
}
.checkbox-label-icon[data-v-9467faf8] {
  color: white;
  margin-left: 1px;
  margin-bottom: 2px;
  transition: color 100ms ease;
}
.checkbox-label-icon-active[data-v-9467faf8] {
  color: #babc16;
}
.checkbox:checked + .checkbox-label[data-v-9467faf8] {
  background-color: #4A5568;
}
.compact-form[data-v-9467faf8] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.compact-form-field[data-v-9467faf8] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.compact-form-field-label[data-v-9467faf8] {
  font-size: 0.8rem;
  font-weight: 500;
  min-width: 150px;
  text-align: left;
  padding-right: 10px;
}
.compact-form-field-copy[data-v-9467faf8] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-copy[data-v-9467faf8]:hover {
  background-color: #babc16;
}
.compact-form-field-input[data-v-9467faf8] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 2px 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.8rem;
  border: none;
  background-color: #E3E6E9;
}
.compact-form-field-input[data-v-9467faf8]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.compact-form-field-options[data-v-9467faf8] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-options-header[data-v-9467faf8] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-options-row[data-v-9467faf8] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-options-edit-row[data-v-9467faf8] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-boolean[data-v-9467faf8] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-boolean-row[data-v-9467faf8] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  justify-items: center;
  gap: 5px;
}
.compact-form-field-boolean-row-item[data-v-9467faf8] {
  display: flex;
  gap: 15px;
}
.compact-form-field-boolean-row-item span[data-v-9467faf8] {
  font-size: 0.85rem;
  font-weight: 500;
  text-align: left;
}
.compact-form-field-colors[data-v-9467faf8] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-colors-header[data-v-9467faf8] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-colors-row[data-v-9467faf8] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-colors-edit-row[data-v-9467faf8] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes[data-v-9467faf8] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-glastypes-header[data-v-9467faf8] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-glastypes-row[data-v-9467faf8] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes-edit-row[data-v-9467faf8] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-button[data-v-9467faf8] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-button[data-v-9467faf8]:hover {
  background-color: #babc16;
}
.compact-form-button[data-v-9467faf8] {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.default-form[data-v-9467faf8] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.default-form-field[data-v-9467faf8] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.default-form-field-label[data-v-9467faf8] {
  font-size: 1.1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-input[data-v-9467faf8] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.95rem;
  border: none;
  background-color: #E3E6E9;
}
.default-form-field-input[data-v-9467faf8]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.default-form-field-options[data-v-9467faf8] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-options-header[data-v-9467faf8] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-options-row[data-v-9467faf8] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-options-edit-row[data-v-9467faf8] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors[data-v-9467faf8] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-colors-header[data-v-9467faf8] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-colors-row[data-v-9467faf8] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors-edit-row[data-v-9467faf8] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes[data-v-9467faf8] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-glastypes-header[data-v-9467faf8] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-glastypes-row[data-v-9467faf8] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes-edit-row[data-v-9467faf8] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings[data-v-9467faf8], .default-form-field-uisettings[data-v-9467faf8] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-infoboxsettings-header[data-v-9467faf8], .default-form-field-uisettings-header[data-v-9467faf8] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-infoboxsettings-row[data-v-9467faf8], .default-form-field-uisettings-row[data-v-9467faf8] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(4, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings-edit-row[data-v-9467faf8], .default-form-field-uisettings-edit-row[data-v-9467faf8] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 75px repeat(3, 1fr) 100px 100px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types[data-v-9467faf8] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-types-header[data-v-9467faf8] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-types-row[data-v-9467faf8] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row[data-v-9467faf8] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row-order[data-v-9467faf8] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr 30px 30px 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.default-form-field-button[data-v-9467faf8] {
  display: flex;
  height: 30px;
  width: 30px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.default-form-field-button[data-v-9467faf8]:hover {
  background-color: #babc16;
}
.default-form-button[data-v-9467faf8] {
  display: flex;
  justify-content: center;
}
.spacer[data-v-9467faf8] {
  flex: 1;
}
.slwindows-page[data-v-9467faf8] {
  display: grid;
  padding: 25px 0px;
  gap: 15px;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-auto-rows: minmax(min-content, max-content);
}p[data-v-ac4c506a] {
  max-width: 75ch;
}
.checkbox[data-v-ac4c506a] {
  opacity: 0;
  display: none;
}
.checkbox-label[data-v-ac4c506a] {
  background-color: white;
  border: 2px solid #4A5568;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
  border-radius: 4px;
  position: relative;
  margin: 0px;
  height: 18px;
  width: 18px;
  transition: background-color 100ms ease;
  cursor: pointer;
}
.checkbox-label-icon[data-v-ac4c506a] {
  color: white;
  margin-left: 1px;
  margin-bottom: 2px;
  transition: color 100ms ease;
}
.checkbox-label-icon-active[data-v-ac4c506a] {
  color: #babc16;
}
.checkbox:checked + .checkbox-label[data-v-ac4c506a] {
  background-color: #4A5568;
}
.compact-form[data-v-ac4c506a] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.compact-form-field[data-v-ac4c506a] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.compact-form-field-label[data-v-ac4c506a] {
  font-size: 0.8rem;
  font-weight: 500;
  min-width: 150px;
  text-align: left;
  padding-right: 10px;
}
.compact-form-field-copy[data-v-ac4c506a] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-copy[data-v-ac4c506a]:hover {
  background-color: #babc16;
}
.compact-form-field-input[data-v-ac4c506a] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 2px 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.8rem;
  border: none;
  background-color: #E3E6E9;
}
.compact-form-field-input[data-v-ac4c506a]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.compact-form-field-options[data-v-ac4c506a] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-options-header[data-v-ac4c506a] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-options-row[data-v-ac4c506a] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-options-edit-row[data-v-ac4c506a] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-boolean[data-v-ac4c506a] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-boolean-row[data-v-ac4c506a] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  justify-items: center;
  gap: 5px;
}
.compact-form-field-boolean-row-item[data-v-ac4c506a] {
  display: flex;
  gap: 15px;
}
.compact-form-field-boolean-row-item span[data-v-ac4c506a] {
  font-size: 0.85rem;
  font-weight: 500;
  text-align: left;
}
.compact-form-field-colors[data-v-ac4c506a] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-colors-header[data-v-ac4c506a] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-colors-row[data-v-ac4c506a] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-colors-edit-row[data-v-ac4c506a] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes[data-v-ac4c506a] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-glastypes-header[data-v-ac4c506a] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-glastypes-row[data-v-ac4c506a] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes-edit-row[data-v-ac4c506a] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-button[data-v-ac4c506a] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-button[data-v-ac4c506a]:hover {
  background-color: #babc16;
}
.compact-form-button[data-v-ac4c506a] {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.default-form[data-v-ac4c506a] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.default-form-field[data-v-ac4c506a] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.default-form-field-label[data-v-ac4c506a] {
  font-size: 1.1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-input[data-v-ac4c506a] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.95rem;
  border: none;
  background-color: #E3E6E9;
}
.default-form-field-input[data-v-ac4c506a]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.default-form-field-options[data-v-ac4c506a] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-options-header[data-v-ac4c506a] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-options-row[data-v-ac4c506a] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-options-edit-row[data-v-ac4c506a] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors[data-v-ac4c506a] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-colors-header[data-v-ac4c506a] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-colors-row[data-v-ac4c506a] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors-edit-row[data-v-ac4c506a] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes[data-v-ac4c506a] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-glastypes-header[data-v-ac4c506a] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-glastypes-row[data-v-ac4c506a] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes-edit-row[data-v-ac4c506a] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings[data-v-ac4c506a], .default-form-field-uisettings[data-v-ac4c506a] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-infoboxsettings-header[data-v-ac4c506a], .default-form-field-uisettings-header[data-v-ac4c506a] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-infoboxsettings-row[data-v-ac4c506a], .default-form-field-uisettings-row[data-v-ac4c506a] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(4, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings-edit-row[data-v-ac4c506a], .default-form-field-uisettings-edit-row[data-v-ac4c506a] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 75px repeat(3, 1fr) 100px 100px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types[data-v-ac4c506a] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-types-header[data-v-ac4c506a] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-types-row[data-v-ac4c506a] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row[data-v-ac4c506a] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row-order[data-v-ac4c506a] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr 30px 30px 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.default-form-field-button[data-v-ac4c506a] {
  display: flex;
  height: 30px;
  width: 30px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.default-form-field-button[data-v-ac4c506a]:hover {
  background-color: #babc16;
}
.default-form-button[data-v-ac4c506a] {
  display: flex;
  justify-content: center;
}
.spacer[data-v-ac4c506a] {
  flex: 1;
}
.color-page[data-v-ac4c506a] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 8px;
}
.color-page-preview[data-v-ac4c506a] {
  padding-bottom: 8px;
}p[data-v-d366d724] {
  max-width: 75ch;
}
.checkbox[data-v-d366d724] {
  opacity: 0;
  display: none;
}
.checkbox-label[data-v-d366d724] {
  background-color: white;
  border: 2px solid #4A5568;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
  border-radius: 4px;
  position: relative;
  margin: 0px;
  height: 18px;
  width: 18px;
  transition: background-color 100ms ease;
  cursor: pointer;
}
.checkbox-label-icon[data-v-d366d724] {
  color: white;
  margin-left: 1px;
  margin-bottom: 2px;
  transition: color 100ms ease;
}
.checkbox-label-icon-active[data-v-d366d724] {
  color: #babc16;
}
.checkbox:checked + .checkbox-label[data-v-d366d724] {
  background-color: #4A5568;
}
.compact-form[data-v-d366d724] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.compact-form-field[data-v-d366d724] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.compact-form-field-label[data-v-d366d724] {
  font-size: 0.8rem;
  font-weight: 500;
  min-width: 150px;
  text-align: left;
  padding-right: 10px;
}
.compact-form-field-copy[data-v-d366d724] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-copy[data-v-d366d724]:hover {
  background-color: #babc16;
}
.compact-form-field-input[data-v-d366d724] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 2px 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.8rem;
  border: none;
  background-color: #E3E6E9;
}
.compact-form-field-input[data-v-d366d724]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.compact-form-field-options[data-v-d366d724] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-options-header[data-v-d366d724] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-options-row[data-v-d366d724] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-options-edit-row[data-v-d366d724] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-boolean[data-v-d366d724] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-boolean-row[data-v-d366d724] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  justify-items: center;
  gap: 5px;
}
.compact-form-field-boolean-row-item[data-v-d366d724] {
  display: flex;
  gap: 15px;
}
.compact-form-field-boolean-row-item span[data-v-d366d724] {
  font-size: 0.85rem;
  font-weight: 500;
  text-align: left;
}
.compact-form-field-colors[data-v-d366d724] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-colors-header[data-v-d366d724] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-colors-row[data-v-d366d724] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-colors-edit-row[data-v-d366d724] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes[data-v-d366d724] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-glastypes-header[data-v-d366d724] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-glastypes-row[data-v-d366d724] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes-edit-row[data-v-d366d724] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-button[data-v-d366d724] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-button[data-v-d366d724]:hover {
  background-color: #babc16;
}
.compact-form-button[data-v-d366d724] {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.default-form[data-v-d366d724] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.default-form-field[data-v-d366d724] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.default-form-field-label[data-v-d366d724] {
  font-size: 1.1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-input[data-v-d366d724] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.95rem;
  border: none;
  background-color: #E3E6E9;
}
.default-form-field-input[data-v-d366d724]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.default-form-field-options[data-v-d366d724] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-options-header[data-v-d366d724] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-options-row[data-v-d366d724] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-options-edit-row[data-v-d366d724] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors[data-v-d366d724] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-colors-header[data-v-d366d724] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-colors-row[data-v-d366d724] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors-edit-row[data-v-d366d724] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes[data-v-d366d724] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-glastypes-header[data-v-d366d724] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-glastypes-row[data-v-d366d724] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes-edit-row[data-v-d366d724] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings[data-v-d366d724], .default-form-field-uisettings[data-v-d366d724] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-infoboxsettings-header[data-v-d366d724], .default-form-field-uisettings-header[data-v-d366d724] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-infoboxsettings-row[data-v-d366d724], .default-form-field-uisettings-row[data-v-d366d724] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(4, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings-edit-row[data-v-d366d724], .default-form-field-uisettings-edit-row[data-v-d366d724] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 75px repeat(3, 1fr) 100px 100px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types[data-v-d366d724] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-types-header[data-v-d366d724] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-types-row[data-v-d366d724] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row[data-v-d366d724] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row-order[data-v-d366d724] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr 30px 30px 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.default-form-field-button[data-v-d366d724] {
  display: flex;
  height: 30px;
  width: 30px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.default-form-field-button[data-v-d366d724]:hover {
  background-color: #babc16;
}
.default-form-button[data-v-d366d724] {
  display: flex;
  justify-content: center;
}
.spacer[data-v-d366d724] {
  flex: 1;
}
.top-page[data-v-d366d724] {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 15px;
  min-width: 100%;
}
.top-page-header[data-v-d366d724] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.roof[data-v-d366d724] {
  position: relative;
}
.roof-section[data-v-d366d724] {
  text-align: left;
}
.roof-section-option[data-v-d366d724] {
  display: flex;
  gap: 25px;
  align-items: center;
}
.roof-section-option button[data-v-d366d724] {
  border: none;
  padding: 0px;
  margin: 0px;
  display: flex;
  background-color: transparent;
  cursor: pointer;
}
.roof-section-option img[data-v-d366d724] {
  height: 150px;
  width: 150px;
  object-fit: cover;
  border-radius: 8px;
  padding: 10px;
  transition: opacity 100ms ease, border-color 100ms ease;
}
.roof-section-option-img[data-v-d366d724] {
  border: 2px solid #E3E6E9;
  opacity: 0.5;
}
.roof-section-option-img-active[data-v-d366d724] {
  border: 2px solid #babc16;
  opacity: 1;
}
.roof-section-option span[data-v-d366d724] {
  flex-grow: 1;
  text-align: center;
  font-weight: 500;
  font-size: 1.25rem;
}
.roof-page-preview[data-v-d366d724] {
  padding-bottom: 25px;
}p[data-v-3103f9c2] {
  max-width: 75ch;
}
.checkbox[data-v-3103f9c2] {
  opacity: 0;
  display: none;
}
.checkbox-label[data-v-3103f9c2] {
  background-color: white;
  border: 2px solid #4A5568;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
  border-radius: 4px;
  position: relative;
  margin: 0px;
  height: 18px;
  width: 18px;
  transition: background-color 100ms ease;
  cursor: pointer;
}
.checkbox-label-icon[data-v-3103f9c2] {
  color: white;
  margin-left: 1px;
  margin-bottom: 2px;
  transition: color 100ms ease;
}
.checkbox-label-icon-active[data-v-3103f9c2] {
  color: #babc16;
}
.checkbox:checked + .checkbox-label[data-v-3103f9c2] {
  background-color: #4A5568;
}
.compact-form[data-v-3103f9c2] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.compact-form-field[data-v-3103f9c2] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.compact-form-field-label[data-v-3103f9c2] {
  font-size: 0.8rem;
  font-weight: 500;
  min-width: 150px;
  text-align: left;
  padding-right: 10px;
}
.compact-form-field-copy[data-v-3103f9c2] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-copy[data-v-3103f9c2]:hover {
  background-color: #babc16;
}
.compact-form-field-input[data-v-3103f9c2] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 2px 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.8rem;
  border: none;
  background-color: #E3E6E9;
}
.compact-form-field-input[data-v-3103f9c2]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.compact-form-field-options[data-v-3103f9c2] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-options-header[data-v-3103f9c2] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-options-row[data-v-3103f9c2] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-options-edit-row[data-v-3103f9c2] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-boolean[data-v-3103f9c2] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-boolean-row[data-v-3103f9c2] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  justify-items: center;
  gap: 5px;
}
.compact-form-field-boolean-row-item[data-v-3103f9c2] {
  display: flex;
  gap: 15px;
}
.compact-form-field-boolean-row-item span[data-v-3103f9c2] {
  font-size: 0.85rem;
  font-weight: 500;
  text-align: left;
}
.compact-form-field-colors[data-v-3103f9c2] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-colors-header[data-v-3103f9c2] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-colors-row[data-v-3103f9c2] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-colors-edit-row[data-v-3103f9c2] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes[data-v-3103f9c2] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-glastypes-header[data-v-3103f9c2] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-glastypes-row[data-v-3103f9c2] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes-edit-row[data-v-3103f9c2] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-button[data-v-3103f9c2] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-button[data-v-3103f9c2]:hover {
  background-color: #babc16;
}
.compact-form-button[data-v-3103f9c2] {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.default-form[data-v-3103f9c2] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.default-form-field[data-v-3103f9c2] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.default-form-field-label[data-v-3103f9c2] {
  font-size: 1.1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-input[data-v-3103f9c2] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.95rem;
  border: none;
  background-color: #E3E6E9;
}
.default-form-field-input[data-v-3103f9c2]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.default-form-field-options[data-v-3103f9c2] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-options-header[data-v-3103f9c2] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-options-row[data-v-3103f9c2] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-options-edit-row[data-v-3103f9c2] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors[data-v-3103f9c2] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-colors-header[data-v-3103f9c2] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-colors-row[data-v-3103f9c2] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors-edit-row[data-v-3103f9c2] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes[data-v-3103f9c2] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-glastypes-header[data-v-3103f9c2] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-glastypes-row[data-v-3103f9c2] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes-edit-row[data-v-3103f9c2] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings[data-v-3103f9c2], .default-form-field-uisettings[data-v-3103f9c2] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-infoboxsettings-header[data-v-3103f9c2], .default-form-field-uisettings-header[data-v-3103f9c2] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-infoboxsettings-row[data-v-3103f9c2], .default-form-field-uisettings-row[data-v-3103f9c2] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(4, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings-edit-row[data-v-3103f9c2], .default-form-field-uisettings-edit-row[data-v-3103f9c2] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 75px repeat(3, 1fr) 100px 100px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types[data-v-3103f9c2] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-types-header[data-v-3103f9c2] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-types-row[data-v-3103f9c2] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row[data-v-3103f9c2] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row-order[data-v-3103f9c2] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr 30px 30px 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.default-form-field-button[data-v-3103f9c2] {
  display: flex;
  height: 30px;
  width: 30px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.default-form-field-button[data-v-3103f9c2]:hover {
  background-color: #babc16;
}
.default-form-button[data-v-3103f9c2] {
  display: flex;
  justify-content: center;
}
.spacer[data-v-3103f9c2] {
  flex: 1;
}
#mainsection[data-v-3103f9c2] {
  margin-top: 16px;
}
.roofassets-page[data-v-3103f9c2] {
  display: grid;
  padding: 25px 0px;
  gap: 15px;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-auto-rows: minmax(min-content, max-content);
}p[data-v-2e301f54] {
  max-width: 75ch;
}
.checkbox[data-v-2e301f54] {
  opacity: 0;
  display: none;
}
.checkbox-label[data-v-2e301f54] {
  background-color: white;
  border: 2px solid #4A5568;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
  border-radius: 4px;
  position: relative;
  margin: 0px;
  height: 18px;
  width: 18px;
  transition: background-color 100ms ease;
  cursor: pointer;
}
.checkbox-label-icon[data-v-2e301f54] {
  color: white;
  margin-left: 1px;
  margin-bottom: 2px;
  transition: color 100ms ease;
}
.checkbox-label-icon-active[data-v-2e301f54] {
  color: #babc16;
}
.checkbox:checked + .checkbox-label[data-v-2e301f54] {
  background-color: #4A5568;
}
.compact-form[data-v-2e301f54] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.compact-form-field[data-v-2e301f54] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.compact-form-field-label[data-v-2e301f54] {
  font-size: 0.8rem;
  font-weight: 500;
  min-width: 150px;
  text-align: left;
  padding-right: 10px;
}
.compact-form-field-copy[data-v-2e301f54] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-copy[data-v-2e301f54]:hover {
  background-color: #babc16;
}
.compact-form-field-input[data-v-2e301f54] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 2px 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.8rem;
  border: none;
  background-color: #E3E6E9;
}
.compact-form-field-input[data-v-2e301f54]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.compact-form-field-options[data-v-2e301f54] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-options-header[data-v-2e301f54] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-options-row[data-v-2e301f54] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-options-edit-row[data-v-2e301f54] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-boolean[data-v-2e301f54] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-boolean-row[data-v-2e301f54] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  justify-items: center;
  gap: 5px;
}
.compact-form-field-boolean-row-item[data-v-2e301f54] {
  display: flex;
  gap: 15px;
}
.compact-form-field-boolean-row-item span[data-v-2e301f54] {
  font-size: 0.85rem;
  font-weight: 500;
  text-align: left;
}
.compact-form-field-colors[data-v-2e301f54] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-colors-header[data-v-2e301f54] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-colors-row[data-v-2e301f54] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-colors-edit-row[data-v-2e301f54] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes[data-v-2e301f54] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-glastypes-header[data-v-2e301f54] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-glastypes-row[data-v-2e301f54] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes-edit-row[data-v-2e301f54] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-button[data-v-2e301f54] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-button[data-v-2e301f54]:hover {
  background-color: #babc16;
}
.compact-form-button[data-v-2e301f54] {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.default-form[data-v-2e301f54] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.default-form-field[data-v-2e301f54] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.default-form-field-label[data-v-2e301f54] {
  font-size: 1.1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-input[data-v-2e301f54] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.95rem;
  border: none;
  background-color: #E3E6E9;
}
.default-form-field-input[data-v-2e301f54]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.default-form-field-options[data-v-2e301f54] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-options-header[data-v-2e301f54] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-options-row[data-v-2e301f54] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-options-edit-row[data-v-2e301f54] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors[data-v-2e301f54] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-colors-header[data-v-2e301f54] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-colors-row[data-v-2e301f54] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors-edit-row[data-v-2e301f54] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes[data-v-2e301f54] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-glastypes-header[data-v-2e301f54] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-glastypes-row[data-v-2e301f54] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes-edit-row[data-v-2e301f54] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings[data-v-2e301f54], .default-form-field-uisettings[data-v-2e301f54] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-infoboxsettings-header[data-v-2e301f54], .default-form-field-uisettings-header[data-v-2e301f54] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-infoboxsettings-row[data-v-2e301f54], .default-form-field-uisettings-row[data-v-2e301f54] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(4, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings-edit-row[data-v-2e301f54], .default-form-field-uisettings-edit-row[data-v-2e301f54] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 75px repeat(3, 1fr) 100px 100px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types[data-v-2e301f54] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-types-header[data-v-2e301f54] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-types-row[data-v-2e301f54] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row[data-v-2e301f54] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row-order[data-v-2e301f54] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr 30px 30px 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.default-form-field-button[data-v-2e301f54] {
  display: flex;
  height: 30px;
  width: 30px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.default-form-field-button[data-v-2e301f54]:hover {
  background-color: #babc16;
}
.default-form-button[data-v-2e301f54] {
  display: flex;
  justify-content: center;
}
.spacer[data-v-2e301f54] {
  flex: 1;
}
#mainsection[data-v-2e301f54] {
  margin: 1rem;
}
.uitloop-page[data-v-2e301f54] {
  display: grid;
  padding: 25px 0px;
  gap: 15px;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-auto-rows: minmax(min-content, max-content);
}
.side-header {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;

  /* position: absolute; */
  width: 100%;
  height: 48px;

  background: #E2E8F0;
  border-radius: 8px;

  margin-top: 16px;
}
.side-header-text {
  display: flex;
  flex-direction: row;
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  font-size: 19px;
  line-height: 28px;
  align-items: center;
  text-align: center;
  text-transform: uppercase;
  color: #4A5568;
}
.card-container {
  display: grid;
  grid-template-columns: 1fr 1fr; /* 2 equal columns */
  gap: 16px;
  margin-top: 16px;
}
p[data-v-8c06e860] {
  max-width: 75ch;
}
.checkbox[data-v-8c06e860] {
  opacity: 0;
  display: none;
}
.checkbox-label[data-v-8c06e860] {
  background-color: white;
  border: 2px solid #4A5568;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
  border-radius: 4px;
  position: relative;
  margin: 0px;
  height: 18px;
  width: 18px;
  transition: background-color 100ms ease;
  cursor: pointer;
}
.checkbox-label-icon[data-v-8c06e860] {
  color: white;
  margin-left: 1px;
  margin-bottom: 2px;
  transition: color 100ms ease;
}
.checkbox-label-icon-active[data-v-8c06e860] {
  color: #babc16;
}
.checkbox:checked + .checkbox-label[data-v-8c06e860] {
  background-color: #4A5568;
}
.compact-form[data-v-8c06e860] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.compact-form-field[data-v-8c06e860] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.compact-form-field-label[data-v-8c06e860] {
  font-size: 0.8rem;
  font-weight: 500;
  min-width: 150px;
  text-align: left;
  padding-right: 10px;
}
.compact-form-field-copy[data-v-8c06e860] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-copy[data-v-8c06e860]:hover {
  background-color: #babc16;
}
.compact-form-field-input[data-v-8c06e860] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 2px 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.8rem;
  border: none;
  background-color: #E3E6E9;
}
.compact-form-field-input[data-v-8c06e860]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.compact-form-field-options[data-v-8c06e860] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-options-header[data-v-8c06e860] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-options-row[data-v-8c06e860] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-options-edit-row[data-v-8c06e860] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-boolean[data-v-8c06e860] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-boolean-row[data-v-8c06e860] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  justify-items: center;
  gap: 5px;
}
.compact-form-field-boolean-row-item[data-v-8c06e860] {
  display: flex;
  gap: 15px;
}
.compact-form-field-boolean-row-item span[data-v-8c06e860] {
  font-size: 0.85rem;
  font-weight: 500;
  text-align: left;
}
.compact-form-field-colors[data-v-8c06e860] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-colors-header[data-v-8c06e860] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-colors-row[data-v-8c06e860] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-colors-edit-row[data-v-8c06e860] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes[data-v-8c06e860] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-glastypes-header[data-v-8c06e860] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-glastypes-row[data-v-8c06e860] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes-edit-row[data-v-8c06e860] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-button[data-v-8c06e860] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-button[data-v-8c06e860]:hover {
  background-color: #babc16;
}
.compact-form-button[data-v-8c06e860] {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.default-form[data-v-8c06e860] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.default-form-field[data-v-8c06e860] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.default-form-field-label[data-v-8c06e860] {
  font-size: 1.1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-input[data-v-8c06e860] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.95rem;
  border: none;
  background-color: #E3E6E9;
}
.default-form-field-input[data-v-8c06e860]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.default-form-field-options[data-v-8c06e860] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-options-header[data-v-8c06e860] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-options-row[data-v-8c06e860] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-options-edit-row[data-v-8c06e860] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors[data-v-8c06e860] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-colors-header[data-v-8c06e860] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-colors-row[data-v-8c06e860] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors-edit-row[data-v-8c06e860] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes[data-v-8c06e860] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-glastypes-header[data-v-8c06e860] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-glastypes-row[data-v-8c06e860] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes-edit-row[data-v-8c06e860] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings[data-v-8c06e860], .default-form-field-uisettings[data-v-8c06e860] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-infoboxsettings-header[data-v-8c06e860], .default-form-field-uisettings-header[data-v-8c06e860] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-infoboxsettings-row[data-v-8c06e860], .default-form-field-uisettings-row[data-v-8c06e860] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(4, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings-edit-row[data-v-8c06e860], .default-form-field-uisettings-edit-row[data-v-8c06e860] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 75px repeat(3, 1fr) 100px 100px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types[data-v-8c06e860] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-types-header[data-v-8c06e860] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-types-row[data-v-8c06e860] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row[data-v-8c06e860] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row-order[data-v-8c06e860] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr 30px 30px 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.default-form-field-button[data-v-8c06e860] {
  display: flex;
  height: 30px;
  width: 30px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.default-form-field-button[data-v-8c06e860]:hover {
  background-color: #babc16;
}
.default-form-button[data-v-8c06e860] {
  display: flex;
  justify-content: center;
}
.spacer[data-v-8c06e860] {
  flex: 1;
}
#mainsection[data-v-8c06e860] {
  display: grid;
  padding: 25px 0px;
  gap: 15px;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-auto-rows: minmax(min-content, max-content);
}
#mainsectionsolo[data-v-8c06e860] {
  padding: 25px 0px;
}p[data-v-5e5e0fc9] {
  max-width: 75ch;
}
.checkbox[data-v-5e5e0fc9] {
  opacity: 0;
  display: none;
}
.checkbox-label[data-v-5e5e0fc9] {
  background-color: white;
  border: 2px solid #4A5568;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
  border-radius: 4px;
  position: relative;
  margin: 0px;
  height: 18px;
  width: 18px;
  transition: background-color 100ms ease;
  cursor: pointer;
}
.checkbox-label-icon[data-v-5e5e0fc9] {
  color: white;
  margin-left: 1px;
  margin-bottom: 2px;
  transition: color 100ms ease;
}
.checkbox-label-icon-active[data-v-5e5e0fc9] {
  color: #babc16;
}
.checkbox:checked + .checkbox-label[data-v-5e5e0fc9] {
  background-color: #4A5568;
}
.compact-form[data-v-5e5e0fc9] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.compact-form-field[data-v-5e5e0fc9] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.compact-form-field-label[data-v-5e5e0fc9] {
  font-size: 0.8rem;
  font-weight: 500;
  min-width: 150px;
  text-align: left;
  padding-right: 10px;
}
.compact-form-field-copy[data-v-5e5e0fc9] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-copy[data-v-5e5e0fc9]:hover {
  background-color: #babc16;
}
.compact-form-field-input[data-v-5e5e0fc9] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 2px 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.8rem;
  border: none;
  background-color: #E3E6E9;
}
.compact-form-field-input[data-v-5e5e0fc9]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.compact-form-field-options[data-v-5e5e0fc9] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-options-header[data-v-5e5e0fc9] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-options-row[data-v-5e5e0fc9] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-options-edit-row[data-v-5e5e0fc9] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-boolean[data-v-5e5e0fc9] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-boolean-row[data-v-5e5e0fc9] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  justify-items: center;
  gap: 5px;
}
.compact-form-field-boolean-row-item[data-v-5e5e0fc9] {
  display: flex;
  gap: 15px;
}
.compact-form-field-boolean-row-item span[data-v-5e5e0fc9] {
  font-size: 0.85rem;
  font-weight: 500;
  text-align: left;
}
.compact-form-field-colors[data-v-5e5e0fc9] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-colors-header[data-v-5e5e0fc9] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-colors-row[data-v-5e5e0fc9] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-colors-edit-row[data-v-5e5e0fc9] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes[data-v-5e5e0fc9] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-glastypes-header[data-v-5e5e0fc9] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-glastypes-row[data-v-5e5e0fc9] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes-edit-row[data-v-5e5e0fc9] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-button[data-v-5e5e0fc9] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-button[data-v-5e5e0fc9]:hover {
  background-color: #babc16;
}
.compact-form-button[data-v-5e5e0fc9] {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.default-form[data-v-5e5e0fc9] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.default-form-field[data-v-5e5e0fc9] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.default-form-field-label[data-v-5e5e0fc9] {
  font-size: 1.1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-input[data-v-5e5e0fc9] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.95rem;
  border: none;
  background-color: #E3E6E9;
}
.default-form-field-input[data-v-5e5e0fc9]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.default-form-field-options[data-v-5e5e0fc9] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-options-header[data-v-5e5e0fc9] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-options-row[data-v-5e5e0fc9] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-options-edit-row[data-v-5e5e0fc9] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors[data-v-5e5e0fc9] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-colors-header[data-v-5e5e0fc9] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-colors-row[data-v-5e5e0fc9] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors-edit-row[data-v-5e5e0fc9] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes[data-v-5e5e0fc9] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-glastypes-header[data-v-5e5e0fc9] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-glastypes-row[data-v-5e5e0fc9] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes-edit-row[data-v-5e5e0fc9] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings[data-v-5e5e0fc9], .default-form-field-uisettings[data-v-5e5e0fc9] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-infoboxsettings-header[data-v-5e5e0fc9], .default-form-field-uisettings-header[data-v-5e5e0fc9] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-infoboxsettings-row[data-v-5e5e0fc9], .default-form-field-uisettings-row[data-v-5e5e0fc9] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(4, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings-edit-row[data-v-5e5e0fc9], .default-form-field-uisettings-edit-row[data-v-5e5e0fc9] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 75px repeat(3, 1fr) 100px 100px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types[data-v-5e5e0fc9] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-types-header[data-v-5e5e0fc9] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-types-row[data-v-5e5e0fc9] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row[data-v-5e5e0fc9] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row-order[data-v-5e5e0fc9] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr 30px 30px 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.default-form-field-button[data-v-5e5e0fc9] {
  display: flex;
  height: 30px;
  width: 30px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.default-form-field-button[data-v-5e5e0fc9]:hover {
  background-color: #babc16;
}
.default-form-button[data-v-5e5e0fc9] {
  display: flex;
  justify-content: center;
}
.spacer[data-v-5e5e0fc9] {
  flex: 1;
}
#mainsection[data-v-5e5e0fc9] {
  margin: 1rem;
}
.lichtstraten-page[data-v-5e5e0fc9] {
  display: grid;
  padding: 25px 0px;
  gap: 15px;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-auto-rows: minmax(min-content, max-content);
}p[data-v-3552f378] {
  max-width: 75ch;
}
.checkbox[data-v-3552f378] {
  opacity: 0;
  display: none;
}
.checkbox-label[data-v-3552f378] {
  background-color: white;
  border: 2px solid #4A5568;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
  border-radius: 4px;
  position: relative;
  margin: 0px;
  height: 18px;
  width: 18px;
  transition: background-color 100ms ease;
  cursor: pointer;
}
.checkbox-label-icon[data-v-3552f378] {
  color: white;
  margin-left: 1px;
  margin-bottom: 2px;
  transition: color 100ms ease;
}
.checkbox-label-icon-active[data-v-3552f378] {
  color: #babc16;
}
.checkbox:checked + .checkbox-label[data-v-3552f378] {
  background-color: #4A5568;
}
.compact-form[data-v-3552f378] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.compact-form-field[data-v-3552f378] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.compact-form-field-label[data-v-3552f378] {
  font-size: 0.8rem;
  font-weight: 500;
  min-width: 150px;
  text-align: left;
  padding-right: 10px;
}
.compact-form-field-copy[data-v-3552f378] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-copy[data-v-3552f378]:hover {
  background-color: #babc16;
}
.compact-form-field-input[data-v-3552f378] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 2px 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.8rem;
  border: none;
  background-color: #E3E6E9;
}
.compact-form-field-input[data-v-3552f378]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.compact-form-field-options[data-v-3552f378] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-options-header[data-v-3552f378] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-options-row[data-v-3552f378] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-options-edit-row[data-v-3552f378] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-boolean[data-v-3552f378] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-boolean-row[data-v-3552f378] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  justify-items: center;
  gap: 5px;
}
.compact-form-field-boolean-row-item[data-v-3552f378] {
  display: flex;
  gap: 15px;
}
.compact-form-field-boolean-row-item span[data-v-3552f378] {
  font-size: 0.85rem;
  font-weight: 500;
  text-align: left;
}
.compact-form-field-colors[data-v-3552f378] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-colors-header[data-v-3552f378] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-colors-row[data-v-3552f378] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-colors-edit-row[data-v-3552f378] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes[data-v-3552f378] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-glastypes-header[data-v-3552f378] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-glastypes-row[data-v-3552f378] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes-edit-row[data-v-3552f378] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-button[data-v-3552f378] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-button[data-v-3552f378]:hover {
  background-color: #babc16;
}
.compact-form-button[data-v-3552f378] {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.default-form[data-v-3552f378] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.default-form-field[data-v-3552f378] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.default-form-field-label[data-v-3552f378] {
  font-size: 1.1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-input[data-v-3552f378] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.95rem;
  border: none;
  background-color: #E3E6E9;
}
.default-form-field-input[data-v-3552f378]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.default-form-field-options[data-v-3552f378] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-options-header[data-v-3552f378] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-options-row[data-v-3552f378] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-options-edit-row[data-v-3552f378] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors[data-v-3552f378] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-colors-header[data-v-3552f378] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-colors-row[data-v-3552f378] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors-edit-row[data-v-3552f378] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes[data-v-3552f378] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-glastypes-header[data-v-3552f378] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-glastypes-row[data-v-3552f378] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes-edit-row[data-v-3552f378] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings[data-v-3552f378], .default-form-field-uisettings[data-v-3552f378] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-infoboxsettings-header[data-v-3552f378], .default-form-field-uisettings-header[data-v-3552f378] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-infoboxsettings-row[data-v-3552f378], .default-form-field-uisettings-row[data-v-3552f378] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(4, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings-edit-row[data-v-3552f378], .default-form-field-uisettings-edit-row[data-v-3552f378] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 75px repeat(3, 1fr) 100px 100px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types[data-v-3552f378] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-types-header[data-v-3552f378] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-types-row[data-v-3552f378] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row[data-v-3552f378] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row-order[data-v-3552f378] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr 30px 30px 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.default-form-field-button[data-v-3552f378] {
  display: flex;
  height: 30px;
  width: 30px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.default-form-field-button[data-v-3552f378]:hover {
  background-color: #babc16;
}
.default-form-button[data-v-3552f378] {
  display: flex;
  justify-content: center;
}
.spacer[data-v-3552f378] {
  flex: 1;
}
.top-page[data-v-3552f378] {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 15px;
  min-width: 100%;
}
.top-page-header[data-v-3552f378] {
  display: flex;
  flex-direction: column;
  align-items: center;
}p[data-v-f17e3136] {
  max-width: 75ch;
}
.checkbox[data-v-f17e3136] {
  opacity: 0;
  display: none;
}
.checkbox-label[data-v-f17e3136] {
  background-color: white;
  border: 2px solid #4A5568;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
  border-radius: 4px;
  position: relative;
  margin: 0px;
  height: 18px;
  width: 18px;
  transition: background-color 100ms ease;
  cursor: pointer;
}
.checkbox-label-icon[data-v-f17e3136] {
  color: white;
  margin-left: 1px;
  margin-bottom: 2px;
  transition: color 100ms ease;
}
.checkbox-label-icon-active[data-v-f17e3136] {
  color: #babc16;
}
.checkbox:checked + .checkbox-label[data-v-f17e3136] {
  background-color: #4A5568;
}
.compact-form[data-v-f17e3136] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.compact-form-field[data-v-f17e3136] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.compact-form-field-label[data-v-f17e3136] {
  font-size: 0.8rem;
  font-weight: 500;
  min-width: 150px;
  text-align: left;
  padding-right: 10px;
}
.compact-form-field-copy[data-v-f17e3136] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-copy[data-v-f17e3136]:hover {
  background-color: #babc16;
}
.compact-form-field-input[data-v-f17e3136] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 2px 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.8rem;
  border: none;
  background-color: #E3E6E9;
}
.compact-form-field-input[data-v-f17e3136]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.compact-form-field-options[data-v-f17e3136] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-options-header[data-v-f17e3136] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-options-row[data-v-f17e3136] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-options-edit-row[data-v-f17e3136] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-boolean[data-v-f17e3136] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-boolean-row[data-v-f17e3136] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  justify-items: center;
  gap: 5px;
}
.compact-form-field-boolean-row-item[data-v-f17e3136] {
  display: flex;
  gap: 15px;
}
.compact-form-field-boolean-row-item span[data-v-f17e3136] {
  font-size: 0.85rem;
  font-weight: 500;
  text-align: left;
}
.compact-form-field-colors[data-v-f17e3136] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-colors-header[data-v-f17e3136] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-colors-row[data-v-f17e3136] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-colors-edit-row[data-v-f17e3136] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes[data-v-f17e3136] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-glastypes-header[data-v-f17e3136] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-glastypes-row[data-v-f17e3136] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes-edit-row[data-v-f17e3136] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-button[data-v-f17e3136] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-button[data-v-f17e3136]:hover {
  background-color: #babc16;
}
.compact-form-button[data-v-f17e3136] {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.default-form[data-v-f17e3136] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.default-form-field[data-v-f17e3136] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.default-form-field-label[data-v-f17e3136] {
  font-size: 1.1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-input[data-v-f17e3136] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.95rem;
  border: none;
  background-color: #E3E6E9;
}
.default-form-field-input[data-v-f17e3136]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.default-form-field-options[data-v-f17e3136] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-options-header[data-v-f17e3136] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-options-row[data-v-f17e3136] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-options-edit-row[data-v-f17e3136] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors[data-v-f17e3136] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-colors-header[data-v-f17e3136] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-colors-row[data-v-f17e3136] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors-edit-row[data-v-f17e3136] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes[data-v-f17e3136] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-glastypes-header[data-v-f17e3136] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-glastypes-row[data-v-f17e3136] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes-edit-row[data-v-f17e3136] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings[data-v-f17e3136], .default-form-field-uisettings[data-v-f17e3136] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-infoboxsettings-header[data-v-f17e3136], .default-form-field-uisettings-header[data-v-f17e3136] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-infoboxsettings-row[data-v-f17e3136], .default-form-field-uisettings-row[data-v-f17e3136] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(4, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings-edit-row[data-v-f17e3136], .default-form-field-uisettings-edit-row[data-v-f17e3136] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 75px repeat(3, 1fr) 100px 100px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types[data-v-f17e3136] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-types-header[data-v-f17e3136] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-types-row[data-v-f17e3136] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row[data-v-f17e3136] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row-order[data-v-f17e3136] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr 30px 30px 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.default-form-field-button[data-v-f17e3136] {
  display: flex;
  height: 30px;
  width: 30px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.default-form-field-button[data-v-f17e3136]:hover {
  background-color: #babc16;
}
.default-form-button[data-v-f17e3136] {
  display: flex;
  justify-content: center;
}
.spacer[data-v-f17e3136] {
  flex: 1;
}
#mainsection[data-v-f17e3136] {
  display: grid;
  padding: 25px 0px;
  gap: 15px;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-auto-rows: minmax(min-content, max-content);
}
#mainsectionsolo[data-v-f17e3136] {
  padding: 25px 0px;
}
.container[data-v-f17e3136] {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}p[data-v-ad0e64cb] {
  max-width: 75ch;
}
.checkbox[data-v-ad0e64cb] {
  opacity: 0;
  display: none;
}
.checkbox-label[data-v-ad0e64cb] {
  background-color: white;
  border: 2px solid #4A5568;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
  border-radius: 4px;
  position: relative;
  margin: 0px;
  height: 18px;
  width: 18px;
  transition: background-color 100ms ease;
  cursor: pointer;
}
.checkbox-label-icon[data-v-ad0e64cb] {
  color: white;
  margin-left: 1px;
  margin-bottom: 2px;
  transition: color 100ms ease;
}
.checkbox-label-icon-active[data-v-ad0e64cb] {
  color: #babc16;
}
.checkbox:checked + .checkbox-label[data-v-ad0e64cb] {
  background-color: #4A5568;
}
.compact-form[data-v-ad0e64cb] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.compact-form-field[data-v-ad0e64cb] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.compact-form-field-label[data-v-ad0e64cb] {
  font-size: 0.8rem;
  font-weight: 500;
  min-width: 150px;
  text-align: left;
  padding-right: 10px;
}
.compact-form-field-copy[data-v-ad0e64cb] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-copy[data-v-ad0e64cb]:hover {
  background-color: #babc16;
}
.compact-form-field-input[data-v-ad0e64cb] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 2px 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.8rem;
  border: none;
  background-color: #E3E6E9;
}
.compact-form-field-input[data-v-ad0e64cb]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.compact-form-field-options[data-v-ad0e64cb] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-options-header[data-v-ad0e64cb] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-options-row[data-v-ad0e64cb] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-options-edit-row[data-v-ad0e64cb] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-boolean[data-v-ad0e64cb] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-boolean-row[data-v-ad0e64cb] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  justify-items: center;
  gap: 5px;
}
.compact-form-field-boolean-row-item[data-v-ad0e64cb] {
  display: flex;
  gap: 15px;
}
.compact-form-field-boolean-row-item span[data-v-ad0e64cb] {
  font-size: 0.85rem;
  font-weight: 500;
  text-align: left;
}
.compact-form-field-colors[data-v-ad0e64cb] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-colors-header[data-v-ad0e64cb] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-colors-row[data-v-ad0e64cb] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-colors-edit-row[data-v-ad0e64cb] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes[data-v-ad0e64cb] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-glastypes-header[data-v-ad0e64cb] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-glastypes-row[data-v-ad0e64cb] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes-edit-row[data-v-ad0e64cb] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-button[data-v-ad0e64cb] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-button[data-v-ad0e64cb]:hover {
  background-color: #babc16;
}
.compact-form-button[data-v-ad0e64cb] {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.default-form[data-v-ad0e64cb] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.default-form-field[data-v-ad0e64cb] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.default-form-field-label[data-v-ad0e64cb] {
  font-size: 1.1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-input[data-v-ad0e64cb] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.95rem;
  border: none;
  background-color: #E3E6E9;
}
.default-form-field-input[data-v-ad0e64cb]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.default-form-field-options[data-v-ad0e64cb] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-options-header[data-v-ad0e64cb] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-options-row[data-v-ad0e64cb] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-options-edit-row[data-v-ad0e64cb] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors[data-v-ad0e64cb] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-colors-header[data-v-ad0e64cb] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-colors-row[data-v-ad0e64cb] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors-edit-row[data-v-ad0e64cb] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes[data-v-ad0e64cb] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-glastypes-header[data-v-ad0e64cb] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-glastypes-row[data-v-ad0e64cb] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes-edit-row[data-v-ad0e64cb] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings[data-v-ad0e64cb], .default-form-field-uisettings[data-v-ad0e64cb] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-infoboxsettings-header[data-v-ad0e64cb], .default-form-field-uisettings-header[data-v-ad0e64cb] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-infoboxsettings-row[data-v-ad0e64cb], .default-form-field-uisettings-row[data-v-ad0e64cb] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(4, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings-edit-row[data-v-ad0e64cb], .default-form-field-uisettings-edit-row[data-v-ad0e64cb] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 75px repeat(3, 1fr) 100px 100px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types[data-v-ad0e64cb] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-types-header[data-v-ad0e64cb] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-types-row[data-v-ad0e64cb] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row[data-v-ad0e64cb] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row-order[data-v-ad0e64cb] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr 30px 30px 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.default-form-field-button[data-v-ad0e64cb] {
  display: flex;
  height: 30px;
  width: 30px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.default-form-field-button[data-v-ad0e64cb]:hover {
  background-color: #babc16;
}
.default-form-button[data-v-ad0e64cb] {
  display: flex;
  justify-content: center;
}
.spacer[data-v-ad0e64cb] {
  flex: 1;
}
.spotjes-page[data-v-ad0e64cb] {
  display: grid;
  padding: 16px 0px;
  gap: 15px;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-auto-rows: minmax(min-content, max-content);
  width: 100%;
}p[data-v-41111f0a] {
  max-width: 75ch;
}
.checkbox[data-v-41111f0a] {
  opacity: 0;
  display: none;
}
.checkbox-label[data-v-41111f0a] {
  background-color: white;
  border: 2px solid #4A5568;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
  border-radius: 4px;
  position: relative;
  margin: 0px;
  height: 18px;
  width: 18px;
  transition: background-color 100ms ease;
  cursor: pointer;
}
.checkbox-label-icon[data-v-41111f0a] {
  color: white;
  margin-left: 1px;
  margin-bottom: 2px;
  transition: color 100ms ease;
}
.checkbox-label-icon-active[data-v-41111f0a] {
  color: #babc16;
}
.checkbox:checked + .checkbox-label[data-v-41111f0a] {
  background-color: #4A5568;
}
.compact-form[data-v-41111f0a] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.compact-form-field[data-v-41111f0a] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.compact-form-field-label[data-v-41111f0a] {
  font-size: 0.8rem;
  font-weight: 500;
  min-width: 150px;
  text-align: left;
  padding-right: 10px;
}
.compact-form-field-copy[data-v-41111f0a] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-copy[data-v-41111f0a]:hover {
  background-color: #babc16;
}
.compact-form-field-input[data-v-41111f0a] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 2px 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.8rem;
  border: none;
  background-color: #E3E6E9;
}
.compact-form-field-input[data-v-41111f0a]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.compact-form-field-options[data-v-41111f0a] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-options-header[data-v-41111f0a] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-options-row[data-v-41111f0a] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-options-edit-row[data-v-41111f0a] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-boolean[data-v-41111f0a] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-boolean-row[data-v-41111f0a] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  justify-items: center;
  gap: 5px;
}
.compact-form-field-boolean-row-item[data-v-41111f0a] {
  display: flex;
  gap: 15px;
}
.compact-form-field-boolean-row-item span[data-v-41111f0a] {
  font-size: 0.85rem;
  font-weight: 500;
  text-align: left;
}
.compact-form-field-colors[data-v-41111f0a] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-colors-header[data-v-41111f0a] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-colors-row[data-v-41111f0a] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-colors-edit-row[data-v-41111f0a] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes[data-v-41111f0a] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-glastypes-header[data-v-41111f0a] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-glastypes-row[data-v-41111f0a] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes-edit-row[data-v-41111f0a] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-button[data-v-41111f0a] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-button[data-v-41111f0a]:hover {
  background-color: #babc16;
}
.compact-form-button[data-v-41111f0a] {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.default-form[data-v-41111f0a] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.default-form-field[data-v-41111f0a] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.default-form-field-label[data-v-41111f0a] {
  font-size: 1.1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-input[data-v-41111f0a] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.95rem;
  border: none;
  background-color: #E3E6E9;
}
.default-form-field-input[data-v-41111f0a]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.default-form-field-options[data-v-41111f0a] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-options-header[data-v-41111f0a] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-options-row[data-v-41111f0a] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-options-edit-row[data-v-41111f0a] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors[data-v-41111f0a] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-colors-header[data-v-41111f0a] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-colors-row[data-v-41111f0a] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors-edit-row[data-v-41111f0a] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes[data-v-41111f0a] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-glastypes-header[data-v-41111f0a] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-glastypes-row[data-v-41111f0a] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes-edit-row[data-v-41111f0a] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings[data-v-41111f0a], .default-form-field-uisettings[data-v-41111f0a] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-infoboxsettings-header[data-v-41111f0a], .default-form-field-uisettings-header[data-v-41111f0a] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-infoboxsettings-row[data-v-41111f0a], .default-form-field-uisettings-row[data-v-41111f0a] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(4, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings-edit-row[data-v-41111f0a], .default-form-field-uisettings-edit-row[data-v-41111f0a] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 75px repeat(3, 1fr) 100px 100px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types[data-v-41111f0a] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-types-header[data-v-41111f0a] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-types-row[data-v-41111f0a] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row[data-v-41111f0a] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row-order[data-v-41111f0a] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr 30px 30px 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.default-form-field-button[data-v-41111f0a] {
  display: flex;
  height: 30px;
  width: 30px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.default-form-field-button[data-v-41111f0a]:hover {
  background-color: #babc16;
}
.default-form-button[data-v-41111f0a] {
  display: flex;
  justify-content: center;
}
.spacer[data-v-41111f0a] {
  flex: 1;
}
.divider-block .question .title[data-v-41111f0a] {
  margin-bottom: 10px;
}
.divider-block .question .invalid[data-v-41111f0a] {
  right: 10px !important;
  top: 50% !important;
  transform: translateY(-60%) !important;
}
.divider-block .question .valid[data-v-41111f0a] {
  right: 5px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.divider-block .question select[data-v-41111f0a] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: none;
}
.divider-block .question select[data-v-41111f0a]:hover {
  cursor: pointer;
  border-color: #babc16;
}
.divider-block .question select[data-v-41111f0a]:focus {
  border-color: #babc16;
  box-shadow: 0 0 5px rgba(var(--c-secondary-rgb), 0.3);
}
.divider[data-v-41111f0a] {
  width: 47.5%;
  display: inline-block;
  vertical-align: top;
}
@media (max-width: 999px) {
.divider[data-v-41111f0a] {
    width: 100%;
}
}
.divider-left[data-v-41111f0a] {
  margin-right: 3%;
}
@media (max-width: 999px) {
.divider-left[data-v-41111f0a] {
    margin-right: 0px;
}
}
.divider-block[data-v-41111f0a] {
  border: 2px solid #E3E6E9;
  border-radius: 16px;
  text-align: left;
  margin-bottom: 20px;
  position: relative;
  /* Adjust the vertical alignment of the input to match the label */
  /* Additional styles for .valid if needed */
  /* Style for hover effect */
  /* Remove hover effect for disabled buttons */
  /* Ensure no hover styles are applied when disabled */
}
.divider-block-title[data-v-41111f0a] {
  text-align: left;
  margin-left: 20px;
  font-weight: 500;
  font-size: 18px;
}
.divider-block label[data-v-41111f0a] {
  display: inline-block;
  width: calc(35% - 50px);
  margin-left: 20px;
  font-weight: 500;
  vertical-align: top;
}
@media (max-width: 999px) {
.divider-block label[data-v-41111f0a] {
    font-size: 14px;
    width: 30%;
}
}
.divider-block .checkboxlabel[data-v-41111f0a] {
  cursor: pointer;
  width: auto;
  margin-left: 0px;
  vertical-align: top;
}
.divider-block input[data-v-41111f0a] {
  width: calc(65% - 30px);
  margin-bottom: 15px;
}
.divider-block .valid[data-v-41111f0a] {
  color: #babc16;
  position: absolute;
  right: 25px;
}
.divider-block .invalid[data-v-41111f0a] {
  color: red;
}
.divider-block .input-icon-container[data-v-41111f0a] {
  display: flex;
  margin-bottom: 0px;
}
.divider-block label[data-v-41111f0a] {
  margin-right: 10px; /* Ensure there's space between the label and the input */
}
.divider-block .input-with-icon[data-v-41111f0a] {
  display: flex;
  align-items: center;
  position: relative;
  width: calc(65% + 0px);
  margin-bottom: 0px;
}
.divider-block .input-with-icon input[data-v-41111f0a] {
  width: 100%;
  padding-right: 30px; /* Room for the icon/star */
}
.divider-block .valid[data-v-41111f0a] {
  position: absolute;
  right: 5px; /* Position inside the input, to the right */
  top: 15px;
  transform: translateY(-50%); /* Center vertically */
}
.divider-block .invalid[data-v-41111f0a] {
  position: absolute;
  right: 10px; /* Position inside the input, to the right */
  transform: translateY(-50%); /* Center vertically */
}
.divider-block input[data-v-41111f0a], .divider-block .valid[data-v-41111f0a], .divider-block .invalid[data-v-41111f0a] {
  align-self: center; /* This ensures that the input and icons are vertically centered */
}
.divider-block .valid[data-v-41111f0a] {
  color: #babc16; /* Assuming $c-secondary is defined elsewhere */
}
.divider-block .default-form-field-input[data-v-41111f0a] {
  flex-grow: 1; /* Allows the input field to take up remaining space */
}
.divider-block .default-form-field-input .question select.default-form-field-input[data-v-41111f0a]:hover {
  cursor: pointer;
  border-color: #babc16;
}
.divider-block .default-form-field-input .question select.default-form-field-input[data-v-41111f0a]:focus {
  border-color: #babc16;
  box-shadow: 0 0 5px rgba(var(--c-secondary-rgb), 0.3);
}
.divider-block input[type=radio][data-v-41111f0a] {
  width: auto;
  margin-right: 10%;
  margin-left: 3%;
}
.divider-block input[type=radio][data-v-41111f0a]:checked {
  background-color: #4A5568;
}
.divider-block .longInput[data-v-41111f0a] {
  width: 75%;
}
.divider-block input[type=checkbox][data-v-41111f0a] {
  width: auto;
  position: relative;
  margin-left: calc(25% - 24px - 24px);
}
.divider-block .checkbox-label[data-v-41111f0a] {
  display: auto;
  width: 18px;
  margin-left: calc(25% - 70px);
  font-weight: auto;
  margin-bottom: 15px;
}
.divider-block label span svg[data-v-41111f0a] {
  margin-top: -7px;
}
.divider-block textarea[data-v-41111f0a] {
  resize: none;
  width: calc(100% - 50px);
  margin-left: 20px;
  height: 300px;
  margin-bottom: 15px;
}
@media (max-width: 999px) {
.divider-block textarea[data-v-41111f0a] {
    height: 200px;
}
}
.divider-block table[data-v-41111f0a] {
  width: calc(100% - 50px);
  margin-left: 20px;
  margin-bottom: 15px;
}
@media (max-width: 999px) {
.divider-block table[data-v-41111f0a] {
    width: calc(100% - 20px);
    margin-left: 10px;
}
}
.divider-block td[data-v-41111f0a] {
  font-size: 14px;
  padding: 4px 10px 4px 0px;
}
@media (max-width: 999px) {
.divider-block td[data-v-41111f0a] {
    font-size: 12px;
}
}
.divider-block .productTable .total-excl-row .priceBlock[data-v-41111f0a] {
  font-weight: 500;
  font-size: 16px;
}
.divider-block .productTable .btw-row .priceBlock[data-v-41111f0a] {
  font-weight: 400;
  color: grey;
  font-style: oblique;
  border-bottom: 1px solid grey;
}
.divider-block .productTable .total-incl-row .priceBlock[data-v-41111f0a] {
  font-weight: 600;
  font-size: 18px;
}
.divider-block .productTable td[data-v-41111f0a] {
  vertical-align: top;
}
.divider-block .productTable .quantity[data-v-41111f0a] {
  width: 10%;
}
.divider-block .productTable .description[data-v-41111f0a] {
  width: 70%;
}
.divider-block .productTable .currency[data-v-41111f0a] {
  width: 2%;
  text-align: right;
}
.divider-block .productTable .price[data-v-41111f0a] {
  width: 15%;
}
.divider-block .productTable .priceTitle[data-v-41111f0a] {
  width: 80%;
}
.divider-block .productTable .priceBlock[data-v-41111f0a] {
  font-weight: 500;
  font-size: 16px;
  text-align: right;
}
@media (max-width: 999px) {
.divider-block .productTable .priceBlock[data-v-41111f0a] {
    font-size: 14px;
}
}
.divider-block .productTable .priceTitle.priceBlock[data-v-41111f0a] {
  text-align: left;
}
.divider-block .productTable .price.priceBlock[data-v-41111f0a] {
  text-align: right;
}
.divider-block .productTable-price[data-v-41111f0a] {
  text-align: right;
}
.divider-block .required-field[data-v-41111f0a] {
  color: red;
  font-weight: bold;
}
.divider-block .invoiceButton[data-v-41111f0a] {
  width: calc(49% - 25px);
  margin-left: 20px;
  margin-bottom: 8px;
  background-color: #babc16;
  padding: 10px;
  color: Black;
  border: none;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 0 0 rgba(var(--c-secondary-rgb), 0.4);
}
.divider-block .vrijblijvend[data-v-41111f0a] {
  display: block;
  width: 100%;
  font-size: 12px;
  font-style: italic;
  text-align: center;
  margin-bottom: 16px;
}
.divider-block .invoiceButton[data-v-41111f0a]:hover {
  background-color: #8d8e11;
  box-shadow: 0 0 10px rgba(var(--c-secondary-rgb), 0.6);
}
.divider-block .invoiceButtonClicked[data-v-41111f0a] {
  width: calc(49% - 25px);
  margin-left: 20px;
  margin-bottom: 20px;
  background-color: #D4F028;
  padding: 10px;
  color: #333;
  border: none;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 0 0 rgba(212, 240, 40, 0.4);
}
.divider-block .invoiceButtonClicked[data-v-41111f0a]:hover {
  background-color: #bfd726;
  box-shadow: 0 0 10px rgba(212, 240, 40, 0.6);
}
.divider-block .invoiceButton[data-v-41111f0a]:disabled {
  background-color: #E3E6E9;
  color: #4A5568;
  cursor: not-allowed;
}
.divider-block .invoiceButton-fullWidth[data-v-41111f0a] {
  width: calc(100% - 40px);
  margin-left: 20px;
  margin-bottom: 8px;
}
.divider-block .getPriceButton[data-v-41111f0a] {
  width: calc(49% - 25px);
  margin-left: 20px;
  margin-bottom: 20px;
  background-color: #4CAF50;
  /* Green */
  padding: 10px 20px;
  /* Increased padding for better spacing */
  color: white;
  /* Changed text color to white for better contrast */
  border: none;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  transition: background-color 0.3s ease;
  /* Added transition for smooth hover effect */
}
.divider-block .getPriceButton[data-v-41111f0a]:hover {
  background-color: #3e8e41;
  /* Removed box-shadow and added outline for a traditional focus-like effect */
  outline: 2px solid #babc16; /* Assuming $c-secondary is defined elsewhere */
}
.divider-block .getPriceButton[data-v-41111f0a]:disabled {
  background-color: initial; /* Reset background color */
  outline: none; /* Remove outline */
  cursor: not-allowed; /* Show not-allowed cursor to indicate the button is disabled */
}
.divider-block .getPriceButton[data-v-41111f0a]:disabled:hover {
  outline: none; /* Ensure no outline */
}
.divider-block .getPriceButtonClicked[data-v-41111f0a] {
  width: calc(49% - 25px);
  margin-left: 20px;
  margin-bottom: 20px;
  background-color: #D4F028;
  /* Yellow */
  padding: 10px 20px;
  /* Increased padding for better spacing */
  color: #333;
  /* Changed text color to dark gray for better contrast */
  border: none;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  transition: background-color 0.3s ease;
  /* Added transition for smooth hover effect */
}
.divider-block .getPriceButtonClicked[data-v-41111f0a]:hover {
  background-color: #bfd726;
  box-shadow: 0 0 10px rgba(212, 240, 40, 0.6);
  /* Glowing outline on hover */
}
.divider-block .getPriceButton[data-v-41111f0a]:disabled {
  background-color: #E3E6E9;
  color: #4A5568;
  cursor: not-allowed;
}
.divider-block .getPriceButton-fullWidth[data-v-41111f0a] {
  width: calc(100% - 40px);
  margin-left: 20px;
  margin-bottom: 15px;
}
h3[data-v-41111f0a] {
  margin-bottom: 30px;
  margin-left: 10px;
  font-size: 1.5rem;
  text-align: left;
}
.radioButton[data-v-41111f0a] {
  background-color: white;
  border: 2px solid #505051;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
  border-radius: 50px;
  position: relative;
  margin: 0px;
  height: 16px;
  width: 16px !important;
  transition: background-color 100ms ease;
  cursor: pointer;
  margin-bottom: 15px;
  margin-right: 30px;
  margin-left: 10px !important;
}
.radioButton-active[data-v-41111f0a] {
  background-color: #4A5568;
}
.radioButtonInner[data-v-41111f0a] {
  width: 10px !important;
  height: 10px;
  border-radius: 100px;
  background-color: rgba(255, 255, 255, 0);
  position: absolute;
  margin-left: 3px !important;
  margin-top: 3px;
  cursor: pointer;
  transition: background-color 100ms ease;
}
.radioButtonInner-active[data-v-41111f0a] {
  background-color: #D4F028;
}p {
  max-width: 75ch;
}
.checkbox {
  opacity: 0;
  display: none;
}
.checkbox-label {
  background-color: white;
  border: 2px solid #4A5568;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
  border-radius: 4px;
  position: relative;
  margin: 0px;
  height: 18px;
  width: 18px;
  transition: background-color 100ms ease;
  cursor: pointer;
}
.checkbox-label-icon {
  color: white;
  margin-left: 1px;
  margin-bottom: 2px;
  transition: color 100ms ease;
}
.checkbox-label-icon-active {
  color: #babc16;
}
.checkbox:checked + .checkbox-label {
  background-color: #4A5568;
}
.compact-form {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.compact-form-field {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.compact-form-field-label {
  font-size: 0.8rem;
  font-weight: 500;
  min-width: 150px;
  text-align: left;
  padding-right: 10px;
}
.compact-form-field-copy {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-copy:hover {
  background-color: #babc16;
}
.compact-form-field-input {
  flex-grow: 1;
  border-radius: 4px;
  padding: 2px 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.8rem;
  border: none;
  background-color: #E3E6E9;
}
.compact-form-field-input:focus {
  border: none;
  outline: 3px solid #babc16;
}
.compact-form-field-options {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-options-header {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-options-row {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-options-edit-row {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-boolean {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-boolean-row {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  justify-items: center;
  gap: 5px;
}
.compact-form-field-boolean-row-item {
  display: flex;
  gap: 15px;
}
.compact-form-field-boolean-row-item span {
  font-size: 0.85rem;
  font-weight: 500;
  text-align: left;
}
.compact-form-field-colors {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-colors-header {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-colors-row {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-colors-edit-row {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-glastypes-header {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-glastypes-row {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes-edit-row {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-button {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-button:hover {
  background-color: #babc16;
}
.compact-form-button {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.default-form {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.default-form-field {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.default-form-field-label {
  font-size: 1.1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-input {
  flex-grow: 1;
  border-radius: 4px;
  padding: 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.95rem;
  border: none;
  background-color: #E3E6E9;
}
.default-form-field-input:focus {
  border: none;
  outline: 3px solid #babc16;
}
.default-form-field-options {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-options-header {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-options-row {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-options-edit-row {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-colors-header {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-colors-row {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors-edit-row {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-glastypes-header {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-glastypes-row {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes-edit-row {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings, .default-form-field-uisettings {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-infoboxsettings-header, .default-form-field-uisettings-header {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-infoboxsettings-row, .default-form-field-uisettings-row {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(4, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings-edit-row, .default-form-field-uisettings-edit-row {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 75px repeat(3, 1fr) 100px 100px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-types-header {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-types-row {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row-order {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr 30px 30px 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.default-form-field-button {
  display: flex;
  height: 30px;
  width: 30px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.default-form-field-button:hover {
  background-color: #babc16;
}
.default-form-button {
  display: flex;
  justify-content: center;
}
.spacer {
  flex: 1;
}
.checkbox-label-icon svg {
  margin-top: -7px;
}
.radioButtonContainer {
  position: relative;
  display: inline-block;
}
.validRadio {
  color: #babc16;
  position: absolute;
  right: 0;
}
.invalidRadio {
  position: relative;
  right: -56px;
  color: red;
}
.shortProductList {
  font-size: 0.8rem;
  padding-left: 20px;
  margin-top: 0;
}
.shortProductList li {
  margin: 0;
}
.question {
  margin-bottom: 15px;
}
.question .title {
  max-width: 100% !important;
  width: auto !important;
  margin-bottom: 5px;
  padding-right: 20px;
}
.question .input-with-icon {
  margin-left: 20px;
  width: calc(100% - 42px) !important;
}
.question select {
  width: 100%; /* Make select take full width of its container */
}
.question .invalid, .question .valid {
  right: 20px !important;
  top: 15px;
}p[data-v-37453517] {
  max-width: 75ch;
}
.checkbox[data-v-37453517] {
  opacity: 0;
  display: none;
}
.checkbox-label[data-v-37453517] {
  background-color: white;
  border: 2px solid #4A5568;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
  border-radius: 4px;
  position: relative;
  margin: 0px;
  height: 18px;
  width: 18px;
  transition: background-color 100ms ease;
  cursor: pointer;
}
.checkbox-label-icon[data-v-37453517] {
  color: white;
  margin-left: 1px;
  margin-bottom: 2px;
  transition: color 100ms ease;
}
.checkbox-label-icon-active[data-v-37453517] {
  color: #babc16;
}
.checkbox:checked + .checkbox-label[data-v-37453517] {
  background-color: #4A5568;
}
.compact-form[data-v-37453517] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.compact-form-field[data-v-37453517] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.compact-form-field-label[data-v-37453517] {
  font-size: 0.8rem;
  font-weight: 500;
  min-width: 150px;
  text-align: left;
  padding-right: 10px;
}
.compact-form-field-copy[data-v-37453517] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-copy[data-v-37453517]:hover {
  background-color: #babc16;
}
.compact-form-field-input[data-v-37453517] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 2px 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.8rem;
  border: none;
  background-color: #E3E6E9;
}
.compact-form-field-input[data-v-37453517]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.compact-form-field-options[data-v-37453517] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-options-header[data-v-37453517] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-options-row[data-v-37453517] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-options-edit-row[data-v-37453517] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-boolean[data-v-37453517] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-boolean-row[data-v-37453517] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  justify-items: center;
  gap: 5px;
}
.compact-form-field-boolean-row-item[data-v-37453517] {
  display: flex;
  gap: 15px;
}
.compact-form-field-boolean-row-item span[data-v-37453517] {
  font-size: 0.85rem;
  font-weight: 500;
  text-align: left;
}
.compact-form-field-colors[data-v-37453517] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-colors-header[data-v-37453517] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-colors-row[data-v-37453517] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-colors-edit-row[data-v-37453517] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes[data-v-37453517] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-glastypes-header[data-v-37453517] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-glastypes-row[data-v-37453517] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes-edit-row[data-v-37453517] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-button[data-v-37453517] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-button[data-v-37453517]:hover {
  background-color: #babc16;
}
.compact-form-button[data-v-37453517] {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.default-form[data-v-37453517] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.default-form-field[data-v-37453517] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.default-form-field-label[data-v-37453517] {
  font-size: 1.1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-input[data-v-37453517] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.95rem;
  border: none;
  background-color: #E3E6E9;
}
.default-form-field-input[data-v-37453517]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.default-form-field-options[data-v-37453517] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-options-header[data-v-37453517] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-options-row[data-v-37453517] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-options-edit-row[data-v-37453517] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors[data-v-37453517] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-colors-header[data-v-37453517] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-colors-row[data-v-37453517] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors-edit-row[data-v-37453517] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes[data-v-37453517] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-glastypes-header[data-v-37453517] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-glastypes-row[data-v-37453517] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes-edit-row[data-v-37453517] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings[data-v-37453517], .default-form-field-uisettings[data-v-37453517] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-infoboxsettings-header[data-v-37453517], .default-form-field-uisettings-header[data-v-37453517] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-infoboxsettings-row[data-v-37453517], .default-form-field-uisettings-row[data-v-37453517] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(4, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings-edit-row[data-v-37453517], .default-form-field-uisettings-edit-row[data-v-37453517] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 75px repeat(3, 1fr) 100px 100px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types[data-v-37453517] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-types-header[data-v-37453517] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-types-row[data-v-37453517] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row[data-v-37453517] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row-order[data-v-37453517] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr 30px 30px 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.default-form-field-button[data-v-37453517] {
  display: flex;
  height: 30px;
  width: 30px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.default-form-field-button[data-v-37453517]:hover {
  background-color: #babc16;
}
.default-form-button[data-v-37453517] {
  display: flex;
  justify-content: center;
}
.spacer[data-v-37453517] {
  flex: 1;
}
.home[data-v-37453517] {
  margin-top: 45px;
  position: relative;
}p[data-v-0862dc28] {
  max-width: 75ch;
}
.checkbox[data-v-0862dc28] {
  opacity: 0;
  display: none;
}
.checkbox-label[data-v-0862dc28] {
  background-color: white;
  border: 2px solid #4A5568;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
  border-radius: 4px;
  position: relative;
  margin: 0px;
  height: 18px;
  width: 18px;
  transition: background-color 100ms ease;
  cursor: pointer;
}
.checkbox-label-icon[data-v-0862dc28] {
  color: white;
  margin-left: 1px;
  margin-bottom: 2px;
  transition: color 100ms ease;
}
.checkbox-label-icon-active[data-v-0862dc28] {
  color: #babc16;
}
.checkbox:checked + .checkbox-label[data-v-0862dc28] {
  background-color: #4A5568;
}
.compact-form[data-v-0862dc28] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.compact-form-field[data-v-0862dc28] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.compact-form-field-label[data-v-0862dc28] {
  font-size: 0.8rem;
  font-weight: 500;
  min-width: 150px;
  text-align: left;
  padding-right: 10px;
}
.compact-form-field-copy[data-v-0862dc28] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-copy[data-v-0862dc28]:hover {
  background-color: #babc16;
}
.compact-form-field-input[data-v-0862dc28] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 2px 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.8rem;
  border: none;
  background-color: #E3E6E9;
}
.compact-form-field-input[data-v-0862dc28]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.compact-form-field-options[data-v-0862dc28] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-options-header[data-v-0862dc28] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-options-row[data-v-0862dc28] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-options-edit-row[data-v-0862dc28] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-boolean[data-v-0862dc28] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-boolean-row[data-v-0862dc28] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  justify-items: center;
  gap: 5px;
}
.compact-form-field-boolean-row-item[data-v-0862dc28] {
  display: flex;
  gap: 15px;
}
.compact-form-field-boolean-row-item span[data-v-0862dc28] {
  font-size: 0.85rem;
  font-weight: 500;
  text-align: left;
}
.compact-form-field-colors[data-v-0862dc28] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-colors-header[data-v-0862dc28] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-colors-row[data-v-0862dc28] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-colors-edit-row[data-v-0862dc28] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes[data-v-0862dc28] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-glastypes-header[data-v-0862dc28] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-glastypes-row[data-v-0862dc28] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes-edit-row[data-v-0862dc28] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-button[data-v-0862dc28] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-button[data-v-0862dc28]:hover {
  background-color: #babc16;
}
.compact-form-button[data-v-0862dc28] {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.default-form[data-v-0862dc28] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.default-form-field[data-v-0862dc28] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.default-form-field-label[data-v-0862dc28] {
  font-size: 1.1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-input[data-v-0862dc28] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.95rem;
  border: none;
  background-color: #E3E6E9;
}
.default-form-field-input[data-v-0862dc28]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.default-form-field-options[data-v-0862dc28] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-options-header[data-v-0862dc28] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-options-row[data-v-0862dc28] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-options-edit-row[data-v-0862dc28] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors[data-v-0862dc28] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-colors-header[data-v-0862dc28] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-colors-row[data-v-0862dc28] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors-edit-row[data-v-0862dc28] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes[data-v-0862dc28] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-glastypes-header[data-v-0862dc28] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-glastypes-row[data-v-0862dc28] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes-edit-row[data-v-0862dc28] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings[data-v-0862dc28], .default-form-field-uisettings[data-v-0862dc28] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-infoboxsettings-header[data-v-0862dc28], .default-form-field-uisettings-header[data-v-0862dc28] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-infoboxsettings-row[data-v-0862dc28], .default-form-field-uisettings-row[data-v-0862dc28] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(4, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings-edit-row[data-v-0862dc28], .default-form-field-uisettings-edit-row[data-v-0862dc28] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 75px repeat(3, 1fr) 100px 100px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types[data-v-0862dc28] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-types-header[data-v-0862dc28] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-types-row[data-v-0862dc28] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row[data-v-0862dc28] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row-order[data-v-0862dc28] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr 30px 30px 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.default-form-field-button[data-v-0862dc28] {
  display: flex;
  height: 30px;
  width: 30px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.default-form-field-button[data-v-0862dc28]:hover {
  background-color: #babc16;
}
.default-form-button[data-v-0862dc28] {
  display: flex;
  justify-content: center;
}
.spacer[data-v-0862dc28] {
  flex: 1;
}
.overview[data-v-0862dc28] {
  display: flex;
  padding: 25px;
  justify-content: center;
}
.overview-list[data-v-0862dc28] {
  display: flex;
  flex-direction: column;
  gap: 15px;
  min-width: min(100%, 800px);
  max-width: min(100%, 800px);
}
.overview-list-section[data-v-0862dc28] {
  display: flex;
  text-decoration: none;
  min-width: 100%;
  color: black;
}
.overview-list-section-card[data-v-0862dc28] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: calc(100% - 30px);
  padding: 10px 15px;
  border-radius: 8px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
  background-color: white;
  transition: background-color 125ms ease;
}
.overview-list-section-card[data-v-0862dc28]:hover {
  background-color: hsla(0, 0%, 0%, 0.08);
}
.overview-list-section-card-main[data-v-0862dc28] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
.overview-list-section-card-main-title[data-v-0862dc28] {
  margin: 0px;
}
.overview-list-section-card-main-description[data-v-0862dc28] {
  color: #757575;
  font-weight: 500;
}p[data-v-afc86c5d] {
  max-width: 75ch;
}
.checkbox[data-v-afc86c5d] {
  opacity: 0;
  display: none;
}
.checkbox-label[data-v-afc86c5d] {
  background-color: white;
  border: 2px solid #4A5568;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
  border-radius: 4px;
  position: relative;
  margin: 0px;
  height: 18px;
  width: 18px;
  transition: background-color 100ms ease;
  cursor: pointer;
}
.checkbox-label-icon[data-v-afc86c5d] {
  color: white;
  margin-left: 1px;
  margin-bottom: 2px;
  transition: color 100ms ease;
}
.checkbox-label-icon-active[data-v-afc86c5d] {
  color: #babc16;
}
.checkbox:checked + .checkbox-label[data-v-afc86c5d] {
  background-color: #4A5568;
}
.compact-form[data-v-afc86c5d] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.compact-form-field[data-v-afc86c5d] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.compact-form-field-label[data-v-afc86c5d] {
  font-size: 0.8rem;
  font-weight: 500;
  min-width: 150px;
  text-align: left;
  padding-right: 10px;
}
.compact-form-field-copy[data-v-afc86c5d] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-copy[data-v-afc86c5d]:hover {
  background-color: #babc16;
}
.compact-form-field-input[data-v-afc86c5d] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 2px 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.8rem;
  border: none;
  background-color: #E3E6E9;
}
.compact-form-field-input[data-v-afc86c5d]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.compact-form-field-options[data-v-afc86c5d] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-options-header[data-v-afc86c5d] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-options-row[data-v-afc86c5d] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-options-edit-row[data-v-afc86c5d] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-boolean[data-v-afc86c5d] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-boolean-row[data-v-afc86c5d] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  justify-items: center;
  gap: 5px;
}
.compact-form-field-boolean-row-item[data-v-afc86c5d] {
  display: flex;
  gap: 15px;
}
.compact-form-field-boolean-row-item span[data-v-afc86c5d] {
  font-size: 0.85rem;
  font-weight: 500;
  text-align: left;
}
.compact-form-field-colors[data-v-afc86c5d] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-colors-header[data-v-afc86c5d] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-colors-row[data-v-afc86c5d] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-colors-edit-row[data-v-afc86c5d] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes[data-v-afc86c5d] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-glastypes-header[data-v-afc86c5d] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-glastypes-row[data-v-afc86c5d] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes-edit-row[data-v-afc86c5d] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-button[data-v-afc86c5d] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-button[data-v-afc86c5d]:hover {
  background-color: #babc16;
}
.compact-form-button[data-v-afc86c5d] {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.default-form[data-v-afc86c5d] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.default-form-field[data-v-afc86c5d] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.default-form-field-label[data-v-afc86c5d] {
  font-size: 1.1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-input[data-v-afc86c5d] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.95rem;
  border: none;
  background-color: #E3E6E9;
}
.default-form-field-input[data-v-afc86c5d]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.default-form-field-options[data-v-afc86c5d] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-options-header[data-v-afc86c5d] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-options-row[data-v-afc86c5d] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-options-edit-row[data-v-afc86c5d] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors[data-v-afc86c5d] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-colors-header[data-v-afc86c5d] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-colors-row[data-v-afc86c5d] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors-edit-row[data-v-afc86c5d] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes[data-v-afc86c5d] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-glastypes-header[data-v-afc86c5d] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-glastypes-row[data-v-afc86c5d] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes-edit-row[data-v-afc86c5d] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings[data-v-afc86c5d], .default-form-field-uisettings[data-v-afc86c5d] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-infoboxsettings-header[data-v-afc86c5d], .default-form-field-uisettings-header[data-v-afc86c5d] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-infoboxsettings-row[data-v-afc86c5d], .default-form-field-uisettings-row[data-v-afc86c5d] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(4, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings-edit-row[data-v-afc86c5d], .default-form-field-uisettings-edit-row[data-v-afc86c5d] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 75px repeat(3, 1fr) 100px 100px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types[data-v-afc86c5d] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-types-header[data-v-afc86c5d] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-types-row[data-v-afc86c5d] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row[data-v-afc86c5d] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row-order[data-v-afc86c5d] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr 30px 30px 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.default-form-field-button[data-v-afc86c5d] {
  display: flex;
  height: 30px;
  width: 30px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.default-form-field-button[data-v-afc86c5d]:hover {
  background-color: #babc16;
}
.default-form-button[data-v-afc86c5d] {
  display: flex;
  justify-content: center;
}
.spacer[data-v-afc86c5d] {
  flex: 1;
}
.edit-component[data-v-afc86c5d] {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 0px;
  align-items: center;
  overflow-y: scroll;
  min-height: 50px;
}
.edit-component h1[data-v-afc86c5d] {
  margin: 0px;
}
.edit-component-form[data-v-afc86c5d] {
  max-width: 1000px;
  width: min(1000px, 100%);
}
.edit-component-actions[data-v-afc86c5d] {
  position: fixed;
  left: 25px;
  top: 85px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.edit-component-actions-button[data-v-afc86c5d] {
  border: none;
  background-color: #babc16;
  border-radius: 8px;
  height: 35px;
  width: 35px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
  transition: color 100ms ease;
  cursor: pointer;
}
.edit-component-actions-button[data-v-afc86c5d]:hover {
  background-color: hsla(68, 87%, 55%, 0.7);
}
.edit-component-actions-button-icon[data-v-afc86c5d] {
  color: #4A5568;
}
.default-form-field-label[data-v-afc86c5d] {
  min-width: 120px;
}
.delete-button[data-v-afc86c5d] {
  background-color: #b71c1c;
  color: white;
}
.delete-button[data-v-afc86c5d]:hover {
  background-color: hsl(0, 73%, 51%);
}
.modal[data-v-afc86c5d] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1);
  z-index: 99;
  display: flex;
}
.compact-form-button-sticky[data-v-afc86c5d] {
  display: flex;
  width: 99%;
  height: 35px;
  align-content: center;
  justify-content: space-evenly;
  border-radius: 4px;
  background-color: #edf2f7;
  color: hsla(0, 0%, 0%, 0.5);
  border: none;
  padding: 5px 5px;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 100ms ease, color 100ms ease;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
.compact-form-button-sticky[data-v-afc86c5d]:disabled {
  background-color: #E3E6E9;
  cursor: default;
}
.compact-form-button-sticky-loading[data-v-afc86c5d] {
  background-color: #4A5568;
}
.header-label-code[data-v-afc86c5d] {
  font-size: 1.5rem;
  font-weight: bolder;
  font-family: "lato";
}
.header-label-code[data-v-afc86c5d]::before {
  content: "code  ";
  font-size: 1rem;
  font-family: "lato";
  font-style: italic;
}
.header-label-combinedCode[data-v-afc86c5d] {
  font-size: 1.5rem;
  font-weight: bolder;
  font-family: "lato";
  font-style: italic;
  color: lightgray;
}
.header-label-combinedCode[data-v-afc86c5d]::before {
  content: "combinedCode  ";
  font-size: 1rem;
  font-family: "lato";
  font-style: italic;
  color: lightgray;
}
.margin-container[data-v-afc86c5d] {
  display: inline-block;
  width: calc(100% - 165px);
}
.margin-flex-container[data-v-afc86c5d] {
  display: flex;
  gap: 5px;
  width: 100%;
  height: 22px;
}
.margin-flex-container[data-v-afc86c5d] > * {
  flex: 1;
  margin: 0;
  padding: 0;
}p[data-v-79526817] {
  max-width: 75ch;
}
.checkbox[data-v-79526817] {
  opacity: 0;
  display: none;
}
.checkbox-label[data-v-79526817] {
  background-color: white;
  border: 2px solid #4A5568;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
  border-radius: 4px;
  position: relative;
  margin: 0px;
  height: 18px;
  width: 18px;
  transition: background-color 100ms ease;
  cursor: pointer;
}
.checkbox-label-icon[data-v-79526817] {
  color: white;
  margin-left: 1px;
  margin-bottom: 2px;
  transition: color 100ms ease;
}
.checkbox-label-icon-active[data-v-79526817] {
  color: #babc16;
}
.checkbox:checked + .checkbox-label[data-v-79526817] {
  background-color: #4A5568;
}
.compact-form[data-v-79526817] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.compact-form-field[data-v-79526817] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.compact-form-field-label[data-v-79526817] {
  font-size: 0.8rem;
  font-weight: 500;
  min-width: 150px;
  text-align: left;
  padding-right: 10px;
}
.compact-form-field-copy[data-v-79526817] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-copy[data-v-79526817]:hover {
  background-color: #babc16;
}
.compact-form-field-input[data-v-79526817] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 2px 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.8rem;
  border: none;
  background-color: #E3E6E9;
}
.compact-form-field-input[data-v-79526817]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.compact-form-field-options[data-v-79526817] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-options-header[data-v-79526817] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-options-row[data-v-79526817] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-options-edit-row[data-v-79526817] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-boolean[data-v-79526817] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-boolean-row[data-v-79526817] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  justify-items: center;
  gap: 5px;
}
.compact-form-field-boolean-row-item[data-v-79526817] {
  display: flex;
  gap: 15px;
}
.compact-form-field-boolean-row-item span[data-v-79526817] {
  font-size: 0.85rem;
  font-weight: 500;
  text-align: left;
}
.compact-form-field-colors[data-v-79526817] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-colors-header[data-v-79526817] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-colors-row[data-v-79526817] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-colors-edit-row[data-v-79526817] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes[data-v-79526817] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-glastypes-header[data-v-79526817] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-glastypes-row[data-v-79526817] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes-edit-row[data-v-79526817] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-button[data-v-79526817] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-button[data-v-79526817]:hover {
  background-color: #babc16;
}
.compact-form-button[data-v-79526817] {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.default-form[data-v-79526817] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.default-form-field[data-v-79526817] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.default-form-field-label[data-v-79526817] {
  font-size: 1.1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-input[data-v-79526817] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.95rem;
  border: none;
  background-color: #E3E6E9;
}
.default-form-field-input[data-v-79526817]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.default-form-field-options[data-v-79526817] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-options-header[data-v-79526817] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-options-row[data-v-79526817] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-options-edit-row[data-v-79526817] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors[data-v-79526817] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-colors-header[data-v-79526817] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-colors-row[data-v-79526817] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors-edit-row[data-v-79526817] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes[data-v-79526817] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-glastypes-header[data-v-79526817] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-glastypes-row[data-v-79526817] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes-edit-row[data-v-79526817] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings[data-v-79526817], .default-form-field-uisettings[data-v-79526817] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-infoboxsettings-header[data-v-79526817], .default-form-field-uisettings-header[data-v-79526817] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-infoboxsettings-row[data-v-79526817], .default-form-field-uisettings-row[data-v-79526817] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(4, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings-edit-row[data-v-79526817], .default-form-field-uisettings-edit-row[data-v-79526817] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 75px repeat(3, 1fr) 100px 100px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types[data-v-79526817] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-types-header[data-v-79526817] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-types-row[data-v-79526817] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row[data-v-79526817] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row-order[data-v-79526817] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr 30px 30px 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.default-form-field-button[data-v-79526817] {
  display: flex;
  height: 30px;
  width: 30px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.default-form-field-button[data-v-79526817]:hover {
  background-color: #babc16;
}
.default-form-button[data-v-79526817] {
  display: flex;
  justify-content: center;
}
.spacer[data-v-79526817] {
  flex: 1;
}
h1[data-v-79526817] {
  margin: 0px;
}
.components[data-v-79526817] {
  display: grid;
  max-height: calc(100vh - 60px);
  position: relative;
}
.components-array[data-v-79526817] {
  display: flex;
}
.components-table[data-v-79526817] {
  border-collapse: collapse;
  table-layout: fixed;
}
.components-table td[data-v-79526817], .components-table th[data-v-79526817] {
  border: 1px solid #000000;
  text-align: left;
  padding: 8px;
}
.components-table tr[data-v-79526817]:nth-child(even) {
  background-color: #dddddd;
}
.gridjs-table[data-v-79526817] {
  display: flex;
}
.resize-bar[data-v-79526817] {
  position: absolute;
  content: " ";
  min-height: 4px;
  min-width: 100vw;
  background-color: #babc16;
  z-index: 90;
  cursor: n-resize;
}p[data-v-544d5fd5] {
  max-width: 75ch;
}
.checkbox[data-v-544d5fd5] {
  opacity: 0;
  display: none;
}
.checkbox-label[data-v-544d5fd5] {
  background-color: white;
  border: 2px solid #4A5568;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
  border-radius: 4px;
  position: relative;
  margin: 0px;
  height: 18px;
  width: 18px;
  transition: background-color 100ms ease;
  cursor: pointer;
}
.checkbox-label-icon[data-v-544d5fd5] {
  color: white;
  margin-left: 1px;
  margin-bottom: 2px;
  transition: color 100ms ease;
}
.checkbox-label-icon-active[data-v-544d5fd5] {
  color: #babc16;
}
.checkbox:checked + .checkbox-label[data-v-544d5fd5] {
  background-color: #4A5568;
}
.compact-form[data-v-544d5fd5] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.compact-form-field[data-v-544d5fd5] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.compact-form-field-label[data-v-544d5fd5] {
  font-size: 0.8rem;
  font-weight: 500;
  min-width: 150px;
  text-align: left;
  padding-right: 10px;
}
.compact-form-field-copy[data-v-544d5fd5] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-copy[data-v-544d5fd5]:hover {
  background-color: #babc16;
}
.compact-form-field-input[data-v-544d5fd5] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 2px 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.8rem;
  border: none;
  background-color: #E3E6E9;
}
.compact-form-field-input[data-v-544d5fd5]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.compact-form-field-options[data-v-544d5fd5] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-options-header[data-v-544d5fd5] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-options-row[data-v-544d5fd5] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-options-edit-row[data-v-544d5fd5] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-boolean[data-v-544d5fd5] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-boolean-row[data-v-544d5fd5] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  justify-items: center;
  gap: 5px;
}
.compact-form-field-boolean-row-item[data-v-544d5fd5] {
  display: flex;
  gap: 15px;
}
.compact-form-field-boolean-row-item span[data-v-544d5fd5] {
  font-size: 0.85rem;
  font-weight: 500;
  text-align: left;
}
.compact-form-field-colors[data-v-544d5fd5] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-colors-header[data-v-544d5fd5] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-colors-row[data-v-544d5fd5] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-colors-edit-row[data-v-544d5fd5] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes[data-v-544d5fd5] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-glastypes-header[data-v-544d5fd5] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-glastypes-row[data-v-544d5fd5] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes-edit-row[data-v-544d5fd5] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-button[data-v-544d5fd5] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-button[data-v-544d5fd5]:hover {
  background-color: #babc16;
}
.compact-form-button[data-v-544d5fd5] {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.default-form[data-v-544d5fd5] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.default-form-field[data-v-544d5fd5] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.default-form-field-label[data-v-544d5fd5] {
  font-size: 1.1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-input[data-v-544d5fd5] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.95rem;
  border: none;
  background-color: #E3E6E9;
}
.default-form-field-input[data-v-544d5fd5]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.default-form-field-options[data-v-544d5fd5] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-options-header[data-v-544d5fd5] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-options-row[data-v-544d5fd5] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-options-edit-row[data-v-544d5fd5] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors[data-v-544d5fd5] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-colors-header[data-v-544d5fd5] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-colors-row[data-v-544d5fd5] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors-edit-row[data-v-544d5fd5] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes[data-v-544d5fd5] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-glastypes-header[data-v-544d5fd5] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-glastypes-row[data-v-544d5fd5] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes-edit-row[data-v-544d5fd5] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings[data-v-544d5fd5], .default-form-field-uisettings[data-v-544d5fd5] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-infoboxsettings-header[data-v-544d5fd5], .default-form-field-uisettings-header[data-v-544d5fd5] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-infoboxsettings-row[data-v-544d5fd5], .default-form-field-uisettings-row[data-v-544d5fd5] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(4, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings-edit-row[data-v-544d5fd5], .default-form-field-uisettings-edit-row[data-v-544d5fd5] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 75px repeat(3, 1fr) 100px 100px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types[data-v-544d5fd5] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-types-header[data-v-544d5fd5] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-types-row[data-v-544d5fd5] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row[data-v-544d5fd5] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row-order[data-v-544d5fd5] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr 30px 30px 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.default-form-field-button[data-v-544d5fd5] {
  display: flex;
  height: 30px;
  width: 30px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.default-form-field-button[data-v-544d5fd5]:hover {
  background-color: #babc16;
}
.default-form-button[data-v-544d5fd5] {
  display: flex;
  justify-content: center;
}
.spacer[data-v-544d5fd5] {
  flex: 1;
}
.edit-colors[data-v-544d5fd5] {
  display: flex;
  flex-direction: column;
  padding: 25px;
  align-items: center;
  min-width: min(100%, 800px);
}
.edit-colors-form[data-v-544d5fd5] {
  padding: 25px 0px;
  gap: 50px;
  min-width: min(100%, 800px);
}
.edit-colors-form-display[data-v-544d5fd5] {
  border-radius: 4px;
  outline: 3px solid #E3E6E9;
  outline-offset: -1px;
  height: 29px;
  align-self: center;
}
.sticky-header[data-v-544d5fd5] {
  position: sticky;
  top: 0;
  z-index: 100;
  margin-bottom: 20px;
  padding: 15px 20px;
  background: white;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sticky-header h1[data-v-544d5fd5] {
  margin: 0;
  text-align: left;
  flex: 1;
}
.sticky-header-button[data-v-544d5fd5] {
  flex-shrink: 0;
  margin-left: 20px;
}
.default-form-field-colors-edit-row[data-v-544d5fd5] {
  grid-template-columns: repeat(3, 1fr) 30px 30px;
}
.checkbox-label[data-v-544d5fd5] {
  width: 26px;
  height: 26px;
}p[data-v-a7e79e85] {
  max-width: 75ch;
}
.checkbox[data-v-a7e79e85] {
  opacity: 0;
  display: none;
}
.checkbox-label[data-v-a7e79e85] {
  background-color: white;
  border: 2px solid #4A5568;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
  border-radius: 4px;
  position: relative;
  margin: 0px;
  height: 18px;
  width: 18px;
  transition: background-color 100ms ease;
  cursor: pointer;
}
.checkbox-label-icon[data-v-a7e79e85] {
  color: white;
  margin-left: 1px;
  margin-bottom: 2px;
  transition: color 100ms ease;
}
.checkbox-label-icon-active[data-v-a7e79e85] {
  color: #babc16;
}
.checkbox:checked + .checkbox-label[data-v-a7e79e85] {
  background-color: #4A5568;
}
.compact-form[data-v-a7e79e85] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.compact-form-field[data-v-a7e79e85] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.compact-form-field-label[data-v-a7e79e85] {
  font-size: 0.8rem;
  font-weight: 500;
  min-width: 150px;
  text-align: left;
  padding-right: 10px;
}
.compact-form-field-copy[data-v-a7e79e85] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-copy[data-v-a7e79e85]:hover {
  background-color: #babc16;
}
.compact-form-field-input[data-v-a7e79e85] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 2px 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.8rem;
  border: none;
  background-color: #E3E6E9;
}
.compact-form-field-input[data-v-a7e79e85]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.compact-form-field-options[data-v-a7e79e85] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-options-header[data-v-a7e79e85] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-options-row[data-v-a7e79e85] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-options-edit-row[data-v-a7e79e85] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-boolean[data-v-a7e79e85] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-boolean-row[data-v-a7e79e85] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  justify-items: center;
  gap: 5px;
}
.compact-form-field-boolean-row-item[data-v-a7e79e85] {
  display: flex;
  gap: 15px;
}
.compact-form-field-boolean-row-item span[data-v-a7e79e85] {
  font-size: 0.85rem;
  font-weight: 500;
  text-align: left;
}
.compact-form-field-colors[data-v-a7e79e85] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-colors-header[data-v-a7e79e85] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-colors-row[data-v-a7e79e85] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-colors-edit-row[data-v-a7e79e85] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes[data-v-a7e79e85] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-glastypes-header[data-v-a7e79e85] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-glastypes-row[data-v-a7e79e85] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes-edit-row[data-v-a7e79e85] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-button[data-v-a7e79e85] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-button[data-v-a7e79e85]:hover {
  background-color: #babc16;
}
.compact-form-button[data-v-a7e79e85] {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.default-form[data-v-a7e79e85] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.default-form-field[data-v-a7e79e85] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.default-form-field-label[data-v-a7e79e85] {
  font-size: 1.1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-input[data-v-a7e79e85] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.95rem;
  border: none;
  background-color: #E3E6E9;
}
.default-form-field-input[data-v-a7e79e85]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.default-form-field-options[data-v-a7e79e85] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-options-header[data-v-a7e79e85] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-options-row[data-v-a7e79e85] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-options-edit-row[data-v-a7e79e85] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors[data-v-a7e79e85] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-colors-header[data-v-a7e79e85] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-colors-row[data-v-a7e79e85] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors-edit-row[data-v-a7e79e85] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes[data-v-a7e79e85] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-glastypes-header[data-v-a7e79e85] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-glastypes-row[data-v-a7e79e85] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes-edit-row[data-v-a7e79e85] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings[data-v-a7e79e85], .default-form-field-uisettings[data-v-a7e79e85] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-infoboxsettings-header[data-v-a7e79e85], .default-form-field-uisettings-header[data-v-a7e79e85] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-infoboxsettings-row[data-v-a7e79e85], .default-form-field-uisettings-row[data-v-a7e79e85] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(4, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings-edit-row[data-v-a7e79e85], .default-form-field-uisettings-edit-row[data-v-a7e79e85] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 75px repeat(3, 1fr) 100px 100px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types[data-v-a7e79e85] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-types-header[data-v-a7e79e85] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-types-row[data-v-a7e79e85] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row[data-v-a7e79e85] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row-order[data-v-a7e79e85] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr 30px 30px 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.default-form-field-button[data-v-a7e79e85] {
  display: flex;
  height: 30px;
  width: 30px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.default-form-field-button[data-v-a7e79e85]:hover {
  background-color: #babc16;
}
.default-form-button[data-v-a7e79e85] {
  display: flex;
  justify-content: center;
}
.spacer[data-v-a7e79e85] {
  flex: 1;
}
.edit[data-v-a7e79e85] {
  display: flex;
  flex-direction: column;
  padding: 25px;
  align-items: center;
  min-width: min(100%, 800px);
}
.edit-form[data-v-a7e79e85] {
  padding: 25px 0px;
  gap: 50px;
  min-width: min(100%, 800px);
}
.sticky-header[data-v-a7e79e85] {
  position: sticky;
  top: 0;
  z-index: 100;
  margin-bottom: 20px;
  padding: 15px 20px;
  background: white;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sticky-header h1[data-v-a7e79e85] {
  margin: 0;
  text-align: left;
  flex: 1;
}
.sticky-header-button[data-v-a7e79e85] {
  flex-shrink: 0;
  margin-left: 20px;
}
.linkTypeText[data-v-a7e79e85] {
  text-align: left;
  display: inline-block;
  width: 80px;
  padding-left: 30px;
  font-size: 1rem;
  font-weight: 500;
}
.linkTypeTextVeranda[data-v-a7e79e85] {
  width: 190px;
}
.linkTypeTextInput[data-v-a7e79e85] {
  display: inline-block;
  width: calc(100% - 80px - 40px);
}
.linkTypeTextInputVeranda[data-v-a7e79e85] {
  width: calc(100% - 190px - 40px);
}
.container[data-v-a7e79e85] {
  grid-template-columns: repeat(1, 1fr) 30px 30px 30px;
  grid-template-areas: "one two three four" "five" "six" "seven";
}
.item[data-v-a7e79e85] {
  grid-column: 1/-1; /* Span all columns for items after the first four */
}p[data-v-30c37774] {
  max-width: 75ch;
}
.checkbox[data-v-30c37774] {
  opacity: 0;
  display: none;
}
.checkbox-label[data-v-30c37774] {
  background-color: white;
  border: 2px solid #4A5568;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
  border-radius: 4px;
  position: relative;
  margin: 0px;
  height: 18px;
  width: 18px;
  transition: background-color 100ms ease;
  cursor: pointer;
}
.checkbox-label-icon[data-v-30c37774] {
  color: white;
  margin-left: 1px;
  margin-bottom: 2px;
  transition: color 100ms ease;
}
.checkbox-label-icon-active[data-v-30c37774] {
  color: #babc16;
}
.checkbox:checked + .checkbox-label[data-v-30c37774] {
  background-color: #4A5568;
}
.compact-form[data-v-30c37774] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.compact-form-field[data-v-30c37774] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.compact-form-field-label[data-v-30c37774] {
  font-size: 0.8rem;
  font-weight: 500;
  min-width: 150px;
  text-align: left;
  padding-right: 10px;
}
.compact-form-field-copy[data-v-30c37774] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-copy[data-v-30c37774]:hover {
  background-color: #babc16;
}
.compact-form-field-input[data-v-30c37774] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 2px 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.8rem;
  border: none;
  background-color: #E3E6E9;
}
.compact-form-field-input[data-v-30c37774]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.compact-form-field-options[data-v-30c37774] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-options-header[data-v-30c37774] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-options-row[data-v-30c37774] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-options-edit-row[data-v-30c37774] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-boolean[data-v-30c37774] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-boolean-row[data-v-30c37774] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  justify-items: center;
  gap: 5px;
}
.compact-form-field-boolean-row-item[data-v-30c37774] {
  display: flex;
  gap: 15px;
}
.compact-form-field-boolean-row-item span[data-v-30c37774] {
  font-size: 0.85rem;
  font-weight: 500;
  text-align: left;
}
.compact-form-field-colors[data-v-30c37774] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-colors-header[data-v-30c37774] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-colors-row[data-v-30c37774] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-colors-edit-row[data-v-30c37774] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes[data-v-30c37774] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-glastypes-header[data-v-30c37774] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-glastypes-row[data-v-30c37774] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes-edit-row[data-v-30c37774] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-button[data-v-30c37774] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-button[data-v-30c37774]:hover {
  background-color: #babc16;
}
.compact-form-button[data-v-30c37774] {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.default-form[data-v-30c37774] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.default-form-field[data-v-30c37774] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.default-form-field-label[data-v-30c37774] {
  font-size: 1.1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-input[data-v-30c37774] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.95rem;
  border: none;
  background-color: #E3E6E9;
}
.default-form-field-input[data-v-30c37774]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.default-form-field-options[data-v-30c37774] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-options-header[data-v-30c37774] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-options-row[data-v-30c37774] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-options-edit-row[data-v-30c37774] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors[data-v-30c37774] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-colors-header[data-v-30c37774] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-colors-row[data-v-30c37774] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors-edit-row[data-v-30c37774] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes[data-v-30c37774] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-glastypes-header[data-v-30c37774] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-glastypes-row[data-v-30c37774] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes-edit-row[data-v-30c37774] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings[data-v-30c37774], .default-form-field-uisettings[data-v-30c37774] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-infoboxsettings-header[data-v-30c37774], .default-form-field-uisettings-header[data-v-30c37774] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-infoboxsettings-row[data-v-30c37774], .default-form-field-uisettings-row[data-v-30c37774] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(4, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings-edit-row[data-v-30c37774], .default-form-field-uisettings-edit-row[data-v-30c37774] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 75px repeat(3, 1fr) 100px 100px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types[data-v-30c37774] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-types-header[data-v-30c37774] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-types-row[data-v-30c37774] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row[data-v-30c37774] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row-order[data-v-30c37774] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr 30px 30px 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.default-form-field-button[data-v-30c37774] {
  display: flex;
  height: 30px;
  width: 30px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.default-form-field-button[data-v-30c37774]:hover {
  background-color: #babc16;
}
.default-form-button[data-v-30c37774] {
  display: flex;
  justify-content: center;
}
.spacer[data-v-30c37774] {
  flex: 1;
}
.edit[data-v-30c37774] {
  display: flex;
  flex-direction: column;
  padding: 25px;
  align-items: center;
  min-width: min(100%, 800px);
}
.edit-form[data-v-30c37774] {
  padding: 25px 0px;
  gap: 50px;
  min-width: min(100%, 800px);
}
.sticky-header[data-v-30c37774] {
  position: sticky;
  top: 0;
  z-index: 100;
  margin-bottom: 20px;
  padding: 15px 20px;
  background: white;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sticky-header h1[data-v-30c37774] {
  margin: 0;
  text-align: left;
  flex: 1;
}
.sticky-header-button[data-v-30c37774] {
  flex-shrink: 0;
  margin-left: 20px;
}p[data-v-6e99a5bd] {
  max-width: 75ch;
}
.checkbox[data-v-6e99a5bd] {
  opacity: 0;
  display: none;
}
.checkbox-label[data-v-6e99a5bd] {
  background-color: white;
  border: 2px solid #4A5568;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
  border-radius: 4px;
  position: relative;
  margin: 0px;
  height: 18px;
  width: 18px;
  transition: background-color 100ms ease;
  cursor: pointer;
}
.checkbox-label-icon[data-v-6e99a5bd] {
  color: white;
  margin-left: 1px;
  margin-bottom: 2px;
  transition: color 100ms ease;
}
.checkbox-label-icon-active[data-v-6e99a5bd] {
  color: #babc16;
}
.checkbox:checked + .checkbox-label[data-v-6e99a5bd] {
  background-color: #4A5568;
}
.compact-form[data-v-6e99a5bd] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.compact-form-field[data-v-6e99a5bd] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.compact-form-field-label[data-v-6e99a5bd] {
  font-size: 0.8rem;
  font-weight: 500;
  min-width: 150px;
  text-align: left;
  padding-right: 10px;
}
.compact-form-field-copy[data-v-6e99a5bd] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-copy[data-v-6e99a5bd]:hover {
  background-color: #babc16;
}
.compact-form-field-input[data-v-6e99a5bd] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 2px 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.8rem;
  border: none;
  background-color: #E3E6E9;
}
.compact-form-field-input[data-v-6e99a5bd]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.compact-form-field-options[data-v-6e99a5bd] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-options-header[data-v-6e99a5bd] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-options-row[data-v-6e99a5bd] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-options-edit-row[data-v-6e99a5bd] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-boolean[data-v-6e99a5bd] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-boolean-row[data-v-6e99a5bd] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  justify-items: center;
  gap: 5px;
}
.compact-form-field-boolean-row-item[data-v-6e99a5bd] {
  display: flex;
  gap: 15px;
}
.compact-form-field-boolean-row-item span[data-v-6e99a5bd] {
  font-size: 0.85rem;
  font-weight: 500;
  text-align: left;
}
.compact-form-field-colors[data-v-6e99a5bd] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-colors-header[data-v-6e99a5bd] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-colors-row[data-v-6e99a5bd] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-colors-edit-row[data-v-6e99a5bd] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes[data-v-6e99a5bd] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-glastypes-header[data-v-6e99a5bd] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-glastypes-row[data-v-6e99a5bd] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes-edit-row[data-v-6e99a5bd] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-button[data-v-6e99a5bd] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-button[data-v-6e99a5bd]:hover {
  background-color: #babc16;
}
.compact-form-button[data-v-6e99a5bd] {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.default-form[data-v-6e99a5bd] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.default-form-field[data-v-6e99a5bd] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.default-form-field-label[data-v-6e99a5bd] {
  font-size: 1.1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-input[data-v-6e99a5bd] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.95rem;
  border: none;
  background-color: #E3E6E9;
}
.default-form-field-input[data-v-6e99a5bd]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.default-form-field-options[data-v-6e99a5bd] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-options-header[data-v-6e99a5bd] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-options-row[data-v-6e99a5bd] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-options-edit-row[data-v-6e99a5bd] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors[data-v-6e99a5bd] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-colors-header[data-v-6e99a5bd] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-colors-row[data-v-6e99a5bd] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors-edit-row[data-v-6e99a5bd] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes[data-v-6e99a5bd] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-glastypes-header[data-v-6e99a5bd] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-glastypes-row[data-v-6e99a5bd] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes-edit-row[data-v-6e99a5bd] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings[data-v-6e99a5bd], .default-form-field-uisettings[data-v-6e99a5bd] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-infoboxsettings-header[data-v-6e99a5bd], .default-form-field-uisettings-header[data-v-6e99a5bd] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-infoboxsettings-row[data-v-6e99a5bd], .default-form-field-uisettings-row[data-v-6e99a5bd] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(4, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings-edit-row[data-v-6e99a5bd], .default-form-field-uisettings-edit-row[data-v-6e99a5bd] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 75px repeat(3, 1fr) 100px 100px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types[data-v-6e99a5bd] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-types-header[data-v-6e99a5bd] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-types-row[data-v-6e99a5bd] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row[data-v-6e99a5bd] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row-order[data-v-6e99a5bd] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr 30px 30px 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.default-form-field-button[data-v-6e99a5bd] {
  display: flex;
  height: 30px;
  width: 30px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.default-form-field-button[data-v-6e99a5bd]:hover {
  background-color: #babc16;
}
.default-form-button[data-v-6e99a5bd] {
  display: flex;
  justify-content: center;
}
.spacer[data-v-6e99a5bd] {
  flex: 1;
}
.models[data-v-6e99a5bd] {
  display: flex;
  padding: 20px;
  justify-content: center;
}
.models-list[data-v-6e99a5bd] {
  display: flex;
  flex-direction: column;
  width: min(100%, 1200px);
  gap: 40px;
}
.models-list-new[data-v-6e99a5bd] {
  display: flex;
  justify-content: center;
  padding: 15px;
  margin-top: 10px;
}
.category-container[data-v-6e99a5bd] {
  padding: 20px;
  border-radius: 8px;
  border: 2px solid transparent;
}
.category-container.category-exclusive[data-v-6e99a5bd] {
  background: linear-gradient(135deg, #f8f9ff 0%, #fff5e6 100%);
  border-color: #babc16;
  box-shadow: 0 4px 12px rgba(186, 188, 22, 0.1);
}
.category-container.category-basic[data-v-6e99a5bd] {
  background: linear-gradient(135deg, #f0f8ff 0%, #f5f5f5 100%);
  border-color: #4A5568;
  box-shadow: 0 4px 12px rgba(74, 85, 104, 0.1);
}
.category-header[data-v-6e99a5bd] {
  margin-bottom: 25px;
  text-align: center;
}
.category-header h1[data-v-6e99a5bd] {
  margin: 0;
  font-size: 2rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.category-exclusive .category-header h1[data-v-6e99a5bd] {
  color: #babc16;
  text-shadow: 1px 1px 2px rgba(186, 188, 22, 0.2);
}
.category-basic .category-header h1[data-v-6e99a5bd] {
  color: #4A5568;
  text-shadow: 1px 1px 2px rgba(74, 85, 104, 0.2);
}
.group-header[data-v-6e99a5bd] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 25px 0 12px 0;
  padding-bottom: 6px;
  border-bottom: 2px solid #babc16;
}
.group-header h2[data-v-6e99a5bd] {
  margin: 0;
  color: #4A5568;
  font-size: 1.3rem;
  font-weight: 600;
}
.group-header-count[data-v-6e99a5bd] {
  color: #666;
  font-size: 0.85rem;
  font-weight: 500;
}
.group-cards[data-v-6e99a5bd] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 15px;
  margin-bottom: 20px;
}
.card[data-v-6e99a5bd] {
  display: flex;
  border-radius: 8px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
  background-color: white;
  overflow: hidden;
  gap: 12px;
  cursor: pointer;
  padding: 10px;
  min-height: 80px;
}
.card-image[data-v-6e99a5bd] {
  background-color: #E3E6E9;
  height: 80px;
  width: 80px;
  border-radius: 8px;
  flex-shrink: 0;
}
.card-image img[data-v-6e99a5bd] {
  object-fit: contain;
  max-height: 80px;
  max-width: 80px;
  min-height: 80px;
  min-width: 80px;
}
.card-info[data-v-6e99a5bd] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: left;
  gap: 4px;
  flex: 1;
}
.card-info h3[data-v-6e99a5bd] {
  margin: 0px;
  font-size: 1rem;
  line-height: 1.2;
}
.card-info span[data-v-6e99a5bd] {
  font-size: 0.8rem;
  color: #666;
  line-height: 1.1;
}
.card[data-v-6e99a5bd]:hover {
  background-color: hsla(0, 0%, 0%, 0.08);
  transform: translateY(-1px);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 2px 6px 2px rgba(0, 0, 0, 0.15);
}
.link[data-v-6e99a5bd] {
  text-decoration: none;
  color: black;
}
.view-toggle[data-v-6e99a5bd] {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 10px 0 20px 0;
}
.toggle-label[data-v-6e99a5bd] {
  font-weight: 600;
}
.toggle-select[data-v-6e99a5bd] {
  padding: 6px 10px;
  border-radius: 6px;
}p[data-v-468cef66] {
  max-width: 75ch;
}
.checkbox[data-v-468cef66] {
  opacity: 0;
  display: none;
}
.checkbox-label[data-v-468cef66] {
  background-color: white;
  border: 2px solid #4A5568;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
  border-radius: 4px;
  position: relative;
  margin: 0px;
  height: 18px;
  width: 18px;
  transition: background-color 100ms ease;
  cursor: pointer;
}
.checkbox-label-icon[data-v-468cef66] {
  color: white;
  margin-left: 1px;
  margin-bottom: 2px;
  transition: color 100ms ease;
}
.checkbox-label-icon-active[data-v-468cef66] {
  color: #babc16;
}
.checkbox:checked + .checkbox-label[data-v-468cef66] {
  background-color: #4A5568;
}
.compact-form[data-v-468cef66] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.compact-form-field[data-v-468cef66] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.compact-form-field-label[data-v-468cef66] {
  font-size: 0.8rem;
  font-weight: 500;
  min-width: 150px;
  text-align: left;
  padding-right: 10px;
}
.compact-form-field-copy[data-v-468cef66] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-copy[data-v-468cef66]:hover {
  background-color: #babc16;
}
.compact-form-field-input[data-v-468cef66] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 2px 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.8rem;
  border: none;
  background-color: #E3E6E9;
}
.compact-form-field-input[data-v-468cef66]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.compact-form-field-options[data-v-468cef66] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-options-header[data-v-468cef66] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-options-row[data-v-468cef66] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-options-edit-row[data-v-468cef66] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-boolean[data-v-468cef66] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-boolean-row[data-v-468cef66] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  justify-items: center;
  gap: 5px;
}
.compact-form-field-boolean-row-item[data-v-468cef66] {
  display: flex;
  gap: 15px;
}
.compact-form-field-boolean-row-item span[data-v-468cef66] {
  font-size: 0.85rem;
  font-weight: 500;
  text-align: left;
}
.compact-form-field-colors[data-v-468cef66] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-colors-header[data-v-468cef66] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-colors-row[data-v-468cef66] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-colors-edit-row[data-v-468cef66] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes[data-v-468cef66] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-glastypes-header[data-v-468cef66] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-glastypes-row[data-v-468cef66] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes-edit-row[data-v-468cef66] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-button[data-v-468cef66] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-button[data-v-468cef66]:hover {
  background-color: #babc16;
}
.compact-form-button[data-v-468cef66] {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.default-form[data-v-468cef66] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.default-form-field[data-v-468cef66] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.default-form-field-label[data-v-468cef66] {
  font-size: 1.1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-input[data-v-468cef66] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.95rem;
  border: none;
  background-color: #E3E6E9;
}
.default-form-field-input[data-v-468cef66]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.default-form-field-options[data-v-468cef66] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-options-header[data-v-468cef66] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-options-row[data-v-468cef66] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-options-edit-row[data-v-468cef66] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors[data-v-468cef66] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-colors-header[data-v-468cef66] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-colors-row[data-v-468cef66] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors-edit-row[data-v-468cef66] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes[data-v-468cef66] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-glastypes-header[data-v-468cef66] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-glastypes-row[data-v-468cef66] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes-edit-row[data-v-468cef66] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings[data-v-468cef66], .default-form-field-uisettings[data-v-468cef66] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-infoboxsettings-header[data-v-468cef66], .default-form-field-uisettings-header[data-v-468cef66] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-infoboxsettings-row[data-v-468cef66], .default-form-field-uisettings-row[data-v-468cef66] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(4, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings-edit-row[data-v-468cef66], .default-form-field-uisettings-edit-row[data-v-468cef66] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 75px repeat(3, 1fr) 100px 100px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types[data-v-468cef66] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-types-header[data-v-468cef66] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-types-row[data-v-468cef66] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row[data-v-468cef66] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row-order[data-v-468cef66] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr 30px 30px 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.default-form-field-button[data-v-468cef66] {
  display: flex;
  height: 30px;
  width: 30px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.default-form-field-button[data-v-468cef66]:hover {
  background-color: #babc16;
}
.default-form-button[data-v-468cef66] {
  display: flex;
  justify-content: center;
}
.spacer[data-v-468cef66] {
  flex: 1;
}
.trimColorBlock[data-v-468cef66] {
  width: 100%;
  height: 20px;
}
.edit[data-v-468cef66] {
  display: flex;
  flex-direction: column;
  padding: 25px;
  align-items: center;
  min-width: min(100%, 800px);
}
.edit-form[data-v-468cef66] {
  padding: 25px 0px;
  min-width: min(100%, 1200px);
}
.sizes[data-v-468cef66] {
  display: flex;
  flex-direction: column;
}
.sizes-header[data-v-468cef66] {
  display: flex;
  margin-top: 25px;
  margin-bottom: 10px;
}
.sizes-header-name[data-v-468cef66] {
  font-size: 1.1rem;
  font-weight: 500;
}
.sizes-form[data-v-468cef66] {
  margin-left: 25px;
  margin-bottom: 10px;
  display: grid;
  grid-template-columns: 300px 1fr;
  gap: 10px;
  animation: height 1s ease-in-out;
}
.sizes-form-drie[data-v-468cef66] {
  margin-left: 25px;
  margin-bottom: 10px;
  display: grid;
  grid-template-columns: 300px 1fr 100px;
  gap: 10px;
}
.sizes-form-collapsed[data-v-468cef66] {
  display: none;
  margin-bottom: 0px;
}
.sizes-form-header[data-v-468cef66] {
  margin-top: 0px;
  text-align: left;
  margin-bottom: 10px;
}
.sizes-form-header-button[data-v-468cef66] {
  float: right;
}
.sizes-form-title[data-v-468cef66] {
  display: inline;
  margin-left: 15px;
  font-weight: bold;
  margin-top: 0px;
}
.sizes-form-checkbox[data-v-468cef66] {
  float: right;
  width: 26px;
  height: 26px;
  margin-right: 10px;
}
.sizes-form-checkbox svg[data-v-468cef66] {
  width: 18px;
  height: 18px;
}
.sizes-form-checkbox span[data-v-468cef66] {
  width: 100%;
  text-align: center;
}
.rooffinish-item[data-v-468cef66] {
  text-align: left;
}
.rooffinish-item label[data-v-468cef66] {
  display: inline-block;
  width: calc(100% - 50px);
}
.rooffinish-item button[data-v-468cef66] {
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
  margin-bottom: 10px;
}
.breedte-input[data-v-468cef66] {
  width: calc(100% - 130px);
  margin-right: 10px;
  margin-bottom: 10px;
}
.breedte-regel[data-v-468cef66] {
  height: 20px;
}
select.breedte-regel[data-v-468cef66] {
  height: 30px;
}
.breedte-regel-first[data-v-468cef66] {
  height: 24px;
  display: inline-block;
  font-size: 1.1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.breedte-regel-unvalid[data-v-468cef66] {
  color: red;
}
.vak-scrollbar[data-v-468cef66] {
  max-width: 425px;
  width: 425px;
  overflow: auto;
  scrollbar-width: thin;
}
.vak-scrollbar[data-v-468cef66]::-webkit-scrollbar {
  width: 5px;
  height: 8px;
  background-color: #E3E6E9;
}
.vak-scrollbar[data-v-468cef66]::-webkit-scrollbar-thumb {
  background: #babc16;
}
.vak-lock[data-v-468cef66] {
  width: 30px;
  border-radius: 0px 5px 5px 0px;
  vertical-align: top;
  height: 30px;
  cursor: pointer;
  border: 2px solid #4A5568;
}
.vak-lock-selected[data-v-468cef66] {
  background-color: #4A5568;
}
.vak-lock-icon[data-v-468cef66] {
  color: #4A5568;
}
.vak-lock-icon-selected[data-v-468cef66] {
  color: #babc16;
}
.vak-lock > span > svg[data-v-468cef66] {
  margin-left: -1px;
}
.add-setting[data-v-468cef66] {
  width: 150px;
  border-radius: 5px;
  padding: 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.95rem;
  border: none;
  background-color: #E3E6E9;
  cursor: pointer;
  margin-bottom: 20px;
}
input[data-v-468cef66]::-webkit-outer-spin-button,
input[data-v-468cef66]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number][data-v-468cef66] {
  appearance: textfield;
  -moz-appearance: textfield;
}
.breedte-regel-header[data-v-468cef66] {
  height: 24px;
  display: inline-block;
  font-size: 1.1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
  margin-bottom: 10px;
}
.fixedWallWidth[data-v-468cef66] {
  outline: 2px solid #2C5CDD;
}
.remove-breedte[data-v-468cef66] {
  width: 30px;
  height: 30px;
  border-radius: 5px;
  padding: 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.95rem;
  border: none;
  background-color: #E3E6E9;
  cursor: pointer;
}
.remove-breedte[data-v-468cef66]:hover {
  background-color: #babc16;
}
.add-breedte[data-v-468cef66] {
  border-radius: 5px;
  padding: 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.95rem;
  border: none;
  background-color: #E3E6E9;
  width: 100%;
  margin-top: 10px;
  cursor: pointer;
}
.add-breedte[data-v-468cef66]:hover {
  background-color: #babc16;
}
.artikelmouseover[data-v-468cef66] {
  position: relative;
}
.no-space-warning[data-v-468cef66] {
  position: absolute;
  bottom: -20px;
  left: 0;
  color: red;
  font-size: 12px;
}
.artikelmouseover .default-form-field-input[data-v-468cef66] {
  width: 140px;
}
.artikelmouseover .tooltiptext[data-v-468cef66] {
  visibility: hidden;
  width: 110px;
  background-color: #4A5568;
  font-size: small;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
}
.artikelmouseover:hover .tooltiptext[data-v-468cef66] {
  visibility: visible;
}
.optionslist[data-v-468cef66] {
  display: block;
  width: 100%;
  margin-top: -10px;
}
.optionslist-item[data-v-468cef66] {
  text-align: left;
}
.optionslist-checkbox[data-v-468cef66] {
  top: -3px;
  position: relative;
}
.wallfinishesTable tr th[data-v-468cef66] {
  padding: 0px 50px 10px 0px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 30px;
}
.wallfinishesTable tr td[data-v-468cef66] {
  padding: 0px 50px 10px 0px;
  height: 30px;
}
.texture-order[data-v-468cef66] {
  margin-top: 2px;
}
.texture-order-button[data-v-468cef66] {
  padding-left: 3px;
}
.error[data-v-468cef66] {
  color: red;
  font-weight: bold;
}
.light-grey[data-v-468cef66] {
  color: #999;
}
.sticky-header[data-v-468cef66] {
  position: sticky;
  top: 0;
  z-index: 100;
  margin-bottom: 20px;
  padding: 15px 20px;
  background: white;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sticky-header h1[data-v-468cef66] {
  margin: 0;
  text-align: left;
  flex: 1;
}
.sticky-header-button[data-v-468cef66] {
  flex-shrink: 0;
  margin-left: 20px;
}
p[data-v-f32af46e] {
  max-width: 75ch;
}
.checkbox[data-v-f32af46e] {
  opacity: 0;
  display: none;
}
.checkbox-label[data-v-f32af46e] {
  background-color: white;
  border: 2px solid #4A5568;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
  border-radius: 4px;
  position: relative;
  margin: 0px;
  height: 18px;
  width: 18px;
  transition: background-color 100ms ease;
  cursor: pointer;
}
.checkbox-label-icon[data-v-f32af46e] {
  color: white;
  margin-left: 1px;
  margin-bottom: 2px;
  transition: color 100ms ease;
}
.checkbox-label-icon-active[data-v-f32af46e] {
  color: #babc16;
}
.checkbox:checked + .checkbox-label[data-v-f32af46e] {
  background-color: #4A5568;
}
.compact-form[data-v-f32af46e] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.compact-form-field[data-v-f32af46e] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.compact-form-field-label[data-v-f32af46e] {
  font-size: 0.8rem;
  font-weight: 500;
  min-width: 150px;
  text-align: left;
  padding-right: 10px;
}
.compact-form-field-copy[data-v-f32af46e] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-copy[data-v-f32af46e]:hover {
  background-color: #babc16;
}
.compact-form-field-input[data-v-f32af46e] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 2px 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.8rem;
  border: none;
  background-color: #E3E6E9;
}
.compact-form-field-input[data-v-f32af46e]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.compact-form-field-options[data-v-f32af46e] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-options-header[data-v-f32af46e] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-options-row[data-v-f32af46e] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-options-edit-row[data-v-f32af46e] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-boolean[data-v-f32af46e] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-boolean-row[data-v-f32af46e] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  justify-items: center;
  gap: 5px;
}
.compact-form-field-boolean-row-item[data-v-f32af46e] {
  display: flex;
  gap: 15px;
}
.compact-form-field-boolean-row-item span[data-v-f32af46e] {
  font-size: 0.85rem;
  font-weight: 500;
  text-align: left;
}
.compact-form-field-colors[data-v-f32af46e] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-colors-header[data-v-f32af46e] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-colors-row[data-v-f32af46e] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-colors-edit-row[data-v-f32af46e] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes[data-v-f32af46e] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-glastypes-header[data-v-f32af46e] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-glastypes-row[data-v-f32af46e] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes-edit-row[data-v-f32af46e] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-button[data-v-f32af46e] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-button[data-v-f32af46e]:hover {
  background-color: #babc16;
}
.compact-form-button[data-v-f32af46e] {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.default-form[data-v-f32af46e] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.default-form-field[data-v-f32af46e] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.default-form-field-label[data-v-f32af46e] {
  font-size: 1.1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-input[data-v-f32af46e] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.95rem;
  border: none;
  background-color: #E3E6E9;
}
.default-form-field-input[data-v-f32af46e]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.default-form-field-options[data-v-f32af46e] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-options-header[data-v-f32af46e] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-options-row[data-v-f32af46e] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-options-edit-row[data-v-f32af46e] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors[data-v-f32af46e] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-colors-header[data-v-f32af46e] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-colors-row[data-v-f32af46e] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors-edit-row[data-v-f32af46e] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes[data-v-f32af46e] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-glastypes-header[data-v-f32af46e] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-glastypes-row[data-v-f32af46e] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes-edit-row[data-v-f32af46e] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings[data-v-f32af46e], .default-form-field-uisettings[data-v-f32af46e] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-infoboxsettings-header[data-v-f32af46e], .default-form-field-uisettings-header[data-v-f32af46e] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-infoboxsettings-row[data-v-f32af46e], .default-form-field-uisettings-row[data-v-f32af46e] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(4, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings-edit-row[data-v-f32af46e], .default-form-field-uisettings-edit-row[data-v-f32af46e] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 75px repeat(3, 1fr) 100px 100px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types[data-v-f32af46e] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-types-header[data-v-f32af46e] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-types-row[data-v-f32af46e] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row[data-v-f32af46e] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row-order[data-v-f32af46e] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr 30px 30px 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.default-form-field-button[data-v-f32af46e] {
  display: flex;
  height: 30px;
  width: 30px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.default-form-field-button[data-v-f32af46e]:hover {
  background-color: #babc16;
}
.default-form-button[data-v-f32af46e] {
  display: flex;
  justify-content: center;
}
.spacer[data-v-f32af46e] {
  flex: 1;
}

/* Inherit base styles from Model.vue and only add layout for side-by-side depth cards */
.edit[data-v-f32af46e] {
  display: flex;
  flex-direction: column;
  padding: 25px;
  align-items: center;
  min-width: min(100%, 800px);
}
.edit-form[data-v-f32af46e] {
  padding: 25px 0px;
  min-width: min(100%, 1200px);
}
.sizes[data-v-f32af46e] {
  display: flex;
  flex-direction: column;
}
.sizes-header[data-v-f32af46e] {
  display: flex;
  margin-top: 16px;
  margin-bottom: 8px;
  gap: 8px;
}
.sizes-header-name[data-v-f32af46e] {
  font-size: 1.1rem;
  font-weight: 500;
}

/* Red remove button with inline text */
.remove-depth-button[data-v-f32af46e] {
  display: inline-grid;
  grid-auto-flow: column;
  grid-auto-columns: max-content;
  align-items: center;
  gap: 4px;
  background-color: #d93025; /* solid red */
  border-color: #d93025;
  color: #ffffff;
  width: auto; /* ensure not square */
  min-width: 120px; /* make rectangular and readable */
  padding: 0 12px; /* comfortable horizontal padding */
  white-space: nowrap; /* keep icon + text on one line */
}
.remove-depth-button[data-v-f32af46e]:hover {
  background-color: #c6281f;
}
.remove-depth-button .default-form-field-button-icon[data-v-f32af46e] {
  color: #ffffff;
}
.remove-depth-button .btn-text[data-v-f32af46e] {
  font-size: 12px;
  font-weight: 700;
  opacity: 1;
  color: #ffffff;
}

/* remove vertical stripe pseudo-element */
.sizes-form[data-v-f32af46e] {
  margin-left: 25px;
  margin-bottom: 10px;
  display: grid;
  grid-template-columns: var(--label-col-w, 300px) 1fr;
  gap: 10px;
}
.sizes-form-collapsed[data-v-f32af46e] {
  display: none;
  margin-bottom: 0px;
}
.sizes-form-header[data-v-f32af46e] {
  margin-top: 0px;
  text-align: left;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.sizes-form-title[data-v-f32af46e] {
  display: inline;
  margin-left: 15px;
  font-weight: bold;
  margin-top: 0px;
}

/* Helper text next to section enable toggles */
.sizes-form-toggle-help[data-v-f32af46e] {
  font-size: 12px;
  color: #5f6b7a;
  font-weight: 600;
}

/* New layout */
.edit--wide[data-v-f32af46e] {
  max-width: 100vw;
  width: 100%;
  padding: 0 16px;
  overflow-x: hidden; /* prevent page-level horizontal scroll due to rounding */
}
.edit-form[data-v-f32af46e] {
  width: 100%;
}
.depth-row-frame[data-v-f32af46e] {
  position: sticky;
  top: 110px; /* below the sticky header height */
  background: white;
  z-index: 50;
  /* Make the frame fit in the viewport so the horizontal scrollbar is visible without scrolling the page */
  max-width: 100%;
  height: calc(90vh - 110px - 16px); /* fill remaining viewport below header */
  overflow-x: auto; /* horizontal scroll on the frame */
  overflow-y: auto; /* vertical scroll within the frame */
  padding-bottom: 2px; /* give the scrollbar a little breathing room */
}

/* Header inside the frame: title on the left, actions on the right */
.depth-row-frame-header[data-v-f32af46e] {
  position: sticky;
  top: 0;
  background: #ffffff;
  z-index: 5;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 0 6px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.depth-row-frame-title[data-v-f32af46e] {
  font-size: 1.1rem;
  font-weight: 600;
}

/* Push actions to the far right inside the header */
.depth-row-frame-header .spacer[data-v-f32af46e] {
  flex: 1 1 auto;
}

/* Green add button next to the title */
.add-depth-button[data-v-f32af46e] {
  background-color: #16a34a; /* green-600 */
  border-color: #16a34a;
  color: #ffffff;
  min-width: 200px; /* make it broad enough for the label */
  padding: 0 14px; /* add horizontal space */
  white-space: nowrap; /* keep icon + text on one line */
  display: inline-grid; /* align like other buttons */
  grid-auto-flow: column;
  grid-auto-columns: max-content;
  gap: 6px;
}
.add-depth-button[data-v-f32af46e]:hover {
  background-color: #15803d; /* green-700 */
  border-color: #15803d;
}
.add-depth-button .default-form-field-button-icon[data-v-f32af46e] {
  color: #ffffff;
}
.add-depth-button .btn-text[data-v-f32af46e] {
  color: #ffffff;
  font-weight: 600;
}
.depth-row-scroll[data-v-f32af46e] {
  display: flex;
  flex-direction: row;
  /* Use a shared gap var for precise width calc */
  --depth-gap: 16px;
  gap: var(--depth-gap);
  overflow-x: visible; /* horizontal scrollbar lives on the frame */
  padding-bottom: 8px;
  scroll-snap-type: x mandatory;
}
.depth-card[data-v-f32af46e] {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
  border: 1px solid rgba(0, 0, 0, 0.08);
  padding: 12px 12px 16px 12px;
  box-sizing: border-box; /* include border in width calc to avoid overflow */
  /* Exactly 3 cards per viewport without scroll; scroll appears only when >3 */
  flex: 0 0 auto;
  width: calc((99% - var(--depth-gap) * 2) / 3 - 0.5px); /* subtract a hair to avoid rounding overflow */
  max-width: calc((100% - var(--depth-gap) * 2) / 3 - 0.5px);
  scroll-snap-align: start;
}

/* Soft-deleted depth card appearance (inspired by TexturesGrouped */
.depth-card.depth-card-deleted[data-v-f32af46e] {
  background: #fff1f1;
  border-color: #d63939;
  box-shadow: 0 0 0 2px rgba(214, 57, 57, 0.25);
}

/* Newly copied depth card (warning/orange) */
.depth-card.depth-card-copied[data-v-f32af46e] {
  background: #fff9ed;
  border-color: #f3b95c;
  box-shadow: 0 0 0 2px rgba(243, 185, 92, 0.25);
}
.cancel-depth-button[data-v-f32af46e] {
  display: inline-grid;
  grid-auto-flow: column;
  grid-auto-columns: max-content;
  align-items: center;
  gap: 6px;
  height: 30px;
  padding: 0 12px;
  border: 1px solid #d63939;
  border-radius: 6px;
  color: #b91c1c; /* deeper red for text */
  background: #fff5f5;
  font-weight: 700;
}
.cancel-depth-button[data-v-f32af46e]:hover {
  background: #ffe2e2;
  border-color: #b91c1c;
}

/* Small badge mirroring grouped textures style */
.depth-badge-delete[data-v-f32af46e] {
  margin-left: 8px;
  align-self: center;
  background: #d63939;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  padding: 3px 6px;
  border-radius: 4px;
  letter-spacing: 0.5px;
}

/* Cancel button for copied state (orange theme) */
.cancel-copy-button[data-v-f32af46e] {
  display: inline-grid;
  grid-auto-flow: column;
  grid-auto-columns: max-content;
  align-items: center;
  gap: 6px;
  height: 30px;
  padding: 0 12px;
  border: 1px solid #e99f27;
  border-radius: 6px;
  color: #a15d00;
  background: #fff6ea;
  font-weight: 700;
}
.cancel-copy-button[data-v-f32af46e]:hover {
  background: #ffeacd;
  border-color: #cc7f00;
}

/* Keep card inner spacing default unless explicitly set in sections */
/* (No global override for .depth-card .sizes-form) */
/* Deprecated: old Breedtes layout helpers (left for reference; no longer used) */
/* New, cleaner Breedtes table layout */
.breedtes-section[data-v-f32af46e] {
  margin-left: 15px;
}

/* wallfinishes-grid shares the page flow; no extra left margin here so:
  - left list sits under the label column
  - table starts aligned with the input/checkbox column */
.wallfinishes-grid[data-v-f32af46e] {
  margin-left: 0;
  margin-top: 0px;
}
.wallfinishes-grid + .wallfinishes-grid[data-v-f32af46e] {
  margin-top: 38px;
}

/* Unified horizontal scroll for header and rows */
.breedtes-scroll[data-v-f32af46e] {
  overflow-x: auto;
  padding-bottom: 6px;
  /* Control vak input and column widths via CSS vars so header and rows match */
  --vak-input-w: 9ch; /* show 9 characters (spin buttons considered) */
  --vak-col: calc(var(--vak-input-w) + 28px); /* input + 2 checkbox columns (14px + 14px) */
}
.breedtes-header-grid[data-v-f32af46e] {
  display: grid;
  gap: 4px;
  align-items: center;
  min-width: max-content;
  margin-bottom: 4px;
}
.breedtes-row-grid[data-v-f32af46e] {
  display: grid;
  gap: 4px;
  align-items: center;
  min-width: max-content;
  margin-bottom: 6px;
}
.breedtes-footer[data-v-f32af46e] {
  text-align: left;
  padding-left: 0;
}
.breedtes-actions[data-v-f32af46e] {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: max-content;
  gap: 4px;
  align-items: center;
  justify-content: start;
}
.colspacer[data-v-f32af46e] {
  display: block;
  width: 100%;
  height: 1px;
}
.colhead[data-v-f32af46e] {
  font-weight: 600;
  font-size: 12px;
  color: #333;
  white-space: nowrap;
  text-align: left;
}
.vak-colhead[data-v-f32af46e] {
  text-align: left;
}
.icon-btn[data-v-f32af46e] {
  width: 28px;
  height: 28px;
  display: inline-grid;
  place-items: center;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  cursor: pointer;
  background: #fff;
}
.icon-btn[data-v-f32af46e]:hover {
  background: #f5f5f5;
}
.remove-breedte[data-v-f32af46e] {
  width: 28px;
  height: 28px;
  display: inline-grid;
  place-items: center;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  cursor: pointer;
  background: #fff;
}
.remove-breedte[data-v-f32af46e]:hover {
  background: #f5f5f5;
}
.vakcount-inline[data-v-f32af46e] {
  display: inline-grid;
  grid-template-columns: max-content;
  gap: 0;
  align-items: center;
}
.select-type[data-v-f32af46e] {
  height: 30px;
  padding-top: 0;
  padding-bottom: 0;
}

/* Compact vak cell: input + checkbox tightly inline */
.vak-cell[data-v-f32af46e] {
  display: inline-grid;
  grid-template-columns: var(--vak-input-w, 6ch) 14px 14px;
  gap: 0px;
  align-items: center;
  width: 100%;
}
.row-enabled[data-v-f32af46e] {
  display: grid;
  grid-template-columns: 16px 16px;
  gap: 2px;
  align-items: center;
}

/* Validation state */
.breedte-regel-unvalid[data-v-f32af46e] {
  color: #b00020;
  font-weight: 600;
}
.sticky-header[data-v-f32af46e] {
  position: sticky;
  top: 0;
  z-index: 100;
  margin-bottom: 14px;
  padding: 8px 24px 8px 16px; /* more space on the right to push Update further right */
  background: white;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sticky-header-left[data-v-f32af46e] {
  display: inline-grid;
  grid-auto-flow: column;
  grid-auto-columns: max-content;
  gap: 16px; /* more space between Oude editor and title */
  align-items: center;
  margin-right: 24px; /* extra gap between title and Update button */
}
.sticky-header-button[data-v-f32af46e] {
  display: inline-grid;
  grid-auto-flow: column;
  grid-auto-columns: max-content;
  gap: 10px;
  align-items: center;
  margin-left: auto; /* push fully to the right */
}

/* Neutral/system style button for secondary navigation (e.g., Oude editor) */
.system-button[data-v-f32af46e] {
  background: #f5f5f7;
  color: #1f2937;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 6px;
  height: 30px; /* lower button height */
  padding: 0 10px; /* tighter horizontal padding */
  cursor: pointer;
}
.system-button[data-v-f32af46e]:hover {
  background: #ececef;
}
.system-button .btn-text[data-v-f32af46e] {
  font-weight: 600;
  line-height: 1;
}

/* Tighten title size to reduce header height slightly */
.sticky-header h1[data-v-f32af46e] {
  font-size: 20px;
  line-height: 1.2;
  margin: 0;
}

/* Search UI in header */
.search-input[data-v-f32af46e] {
  height: 30px;
  padding: 0 10px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 6px;
  min-width: 220px;
}
.search-button[data-v-f32af46e] {
  height: 30px;
}

/* Highlight target after search */
.search-hit[data-v-f32af46e] {
  outline: 2px solid #16a34a;
  outline-offset: 2px;
  background: rgba(22, 163, 74, 0.08);
  transition: background 0.3s ease;
}
.search-text-mark[data-v-f32af46e] {
  background: #fffb91; /* soft yellow highlight */
  padding: 0 2px;
  border-radius: 3px;
}

/* Emphasize the currently focused match */
.search-hit-current[data-v-f32af46e] {
  outline-color: #1d4ed8; /* blue-700 */
  background: rgba(29, 78, 216, 0.08);
}

/* Navigation buttons next to search input */
.nav-button[data-v-f32af46e] {
  height: 30px;
  min-width: 30px;
  display: inline-grid;
  place-items: center;
}
.optionslist[data-v-f32af46e] {
  display: block;
  width: 100%;
  margin-top: -10px;
  margin-left: 32px;
}
.optionslist-item[data-v-f32af46e] {
  display: grid;
  grid-template-columns: calc(var(--label-col-w, 300px) - 32px) 1fr; /* align with nested label width */
  align-items: center;
  gap: 10px;
  padding: 4px 0;
}
.optionslist .default-form-field-label[data-v-f32af46e] {
  text-align: left;
}

/* Sub-label appearance for items under 'Opties:' */
.optionslist .default-form-field-label[data-v-f32af46e],
.sizes .sizes-toggle .default-form-field-label[data-v-f32af46e] {
  font-size: 13px; /* slightly smaller than section title */
  color: #5f6b7a; /* muted text to indicate subordinate hierarchy */
  font-weight: 600; /* semi-bold for readability */
  padding-left: 0px; /* indent label to align with nested rows */
}

/* Keep the title labels bold/primary — no change needed there */
.optionslist-check[data-v-f32af46e] {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: max-content;
  gap: 6px;
  align-items: center;
  justify-content: start;
}
.optionslist-checkbox[data-v-f32af46e] {
  top: -3px;
  position: relative;
}
.rotated-header[data-v-f32af46e] {
  display: inline-block;
  transform: rotate(-60deg);
  transform-origin: left bottom;
  white-space: nowrap;
}
.texture-order[data-v-f32af46e] {
  margin-top: 2px;
}
.texture-order-button[data-v-f32af46e] {
  padding-left: 3px;
}
.error[data-v-f32af46e] {
  color: red;
  font-weight: bold;
}

/* Breedtes tightening and alignment */
.breedte-regel[data-v-f32af46e] {
  height: 20px;
}
select.breedte-regel[data-v-f32af46e] {
  height: 30px;
}
.artikelnummer-input[data-v-f32af46e] {
  width: 9ch;
  max-width: 9ch;
}
.vakken-amount-input[data-v-f32af46e] {
  width: 3ch;
  max-width: 3ch;
  text-align: right;
}
.vak-width-input[data-v-f32af46e] {
  width: var(--vak-input-w, 9ch); /* show 9 characters */
  max-width: var(--vak-input-w, 9ch);
  padding: 2px 4px; /* minimize horizontal padding to keep compact */
  border-radius: 5px 0 0 5px;
  box-sizing: border-box;
}
.colspacer-tight[data-v-f32af46e] {
  width: 8px;
  height: 1px;
}
.aanuit-cell[data-v-f32af46e] {
  display: inline-grid;
  grid-template-columns: 16px 16px;
  gap: 1px;
  align-items: center;
}

/* Checkbox tight to number */
.vak-check[data-v-f32af46e] {
  margin-left: 0;
  display: inline-flex;
}
.breedte-regel-header[data-v-f32af46e] {
  white-space: nowrap;
}
.breedte-regel-first[data-v-f32af46e] {
  min-width: 64px;
}
.artikelmouseover[data-v-f32af46e] {
  position: relative;
}
.no-space-warning[data-v-f32af46e] {
  position: absolute;
  top: 100%;
  left: 0;
  font-size: 11px;
  color: #c00;
}

/* Lock button next to per-vak input */
.vak-lock[data-v-f32af46e] {
  width: 30px;
  height: 30px;
  border-radius: 0 5px 5px 0;
  vertical-align: top;
  cursor: pointer;
  border: 2px solid #4A5568;
}
.vak-lock-selected[data-v-f32af46e] {
  background-color: #4A5568;
}
.vak-lock-icon[data-v-f32af46e] {
  color: #4A5568;
}
.vak-lock-icon-selected[data-v-f32af46e] {
  color: #babc16;
}

/* Cap generic input widths to avoid horizontal overflow (without touching Breedtes-specific fields) */
.default-form-field > input.default-form-field-input[data-v-f32af46e],
.default-form-field > select[data-v-f32af46e],
.default-form-field > textarea.default-form-field-input[data-v-f32af46e] {
  max-width: 420px;
}
.sizes .default-form-field-input[data-v-f32af46e],
.sizes select[data-v-f32af46e],
.sizes textarea.default-form-field-input[data-v-f32af46e] {
  max-width: 420px;
}
.sizes-form .default-form-field-input[data-v-f32af46e],
.sizes-form select[data-v-f32af46e],
.sizes-form textarea.default-form-field-input[data-v-f32af46e] {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  justify-self: start;
}

/* Utility: if a row needs two controls side-by-side, wrap them in a container with this class */
.sizes-form-inline-2[data-v-f32af46e] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

/* Align top introductory fields into a neat 2-col grid (label | control) */
.intro-fields[data-v-f32af46e] {
  display: grid;
  grid-template-columns: 1fr; /* stack rows, per-row grid aligns content */
  gap: 8px;
  margin-bottom: 12px;
  /* expose a shared input width for alignment use elsewhere */
  --intro-input-w: 420px;
  /* shared label column width to align with wallfinishes left column */
  --label-col-w: 300px;
}
.intro-fields > .default-form-field[data-v-f32af46e] {
  display: grid;
  grid-template-columns: var(--label-col-w, 300px) 1fr; /* fixed label column to align inputs */
  gap: 10px;
  align-items: center;
}
.intro-fields .default-form-field-label[data-v-f32af46e] {
  margin: 0; /* remove extra margin to keep row tight */
}
.intro-fields .checkbox-label[data-v-f32af46e] {
  margin: 0;
}
.inline-checkbox[data-v-f32af46e] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.inline-checkbox-group[data-v-f32af46e] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.checkbox-help-text[data-v-f32af46e] {
  font-size: 12px;
  color: #8791a1;
  line-height: 1.4;
}
.default-form-field--two-col[data-v-f32af46e] {
  display: grid;
  grid-template-columns: var(--label-col-w, 300px) 1fr;
  gap: 10px;
  align-items: center;
}
.intro-fields .default-form-field--nested[data-v-f32af46e] {
  margin-left: 32px;
  grid-template-columns: calc(var(--label-col-w, 300px) - 32px) 1fr;
}
.intro-fields .default-form-field--nested .default-form-field-label[data-v-f32af46e] {
  font-size: 13px;
  color: #5a6574;
}
.intro-fields .standaardmaten-inline[data-v-f32af46e] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.intro-fields .standaardmaten-help[data-v-f32af46e] {
  font-size: 12px;
  color: #8791a1;
  line-height: 1.4;
}

/* Ensure top selects match Naam input width exactly */
.intro-fields .default-form-field-input[data-v-f32af46e] {
  width: var(--intro-input-w, 420px);
  max-width: var(--intro-input-w, 420px);
  box-sizing: border-box;
}

/* Dakafwerkingen alignment */
.sizes-roof .roof-grid[data-v-f32af46e] {
  display: grid;
  grid-template-columns: var(--label-col-w, 300px) 1fr; /* match intro-fields label width */
  gap: 10px;
  align-items: start;
}
.sizes-roof .roof-label[data-v-f32af46e] {
  margin-top: 6px;
}
.sizes-roof .roof-list[data-v-f32af46e] {
  display: grid;
  gap: 6px;
  justify-items: start; /* keep items aligned left */
}
.sizes-roof .rooffinish-item[data-v-f32af46e] {
  display: grid;
  grid-template-columns: var(--intro-input-w, 420px) 32px; /* fixed input width + fixed button column */
  gap: 6px;
  align-items: center;
  justify-content: start;
  width: fit-content;
  text-align: left; /* ensure all contained text aligns left */
}
.sizes-roof .roof-add[data-v-f32af46e] {
  display: grid;
  grid-template-columns: var(--intro-input-w, 420px) max-content; /* align add button with remove buttons */
  gap: 6px;
  align-items: center;
  justify-content: start;
  margin-top: 6px;
  width: fit-content;
}

/* Ensure button height aligns with input height for tidy rows */
.sizes-roof .rooffinish-item .default-form-field-button[data-v-f32af46e],
.sizes-roof .roof-add .default-form-field-button[data-v-f32af46e] {
  height: 30px;
  min-width: 32px;
  display: inline-grid;
  place-items: center;
}

/* Ensure left column in Wand afwerkingen aligns text to the left */
.wallfinishes-left[data-v-f32af46e] {
  text-align: left;
  overflow-x: hidden; /* prevent horizontal scrollbar */
}

/* Align the 'Gebruik korte naam' row like other form rows */
.sizes .sizes-toggle[data-v-f32af46e] {
  display: grid;
  grid-template-columns: var(--label-col-w, 300px) max-content; /* keep toggle close to label */
  gap: 10px;
  align-items: center;
  margin: 0 0 0px 0;
}

/* Normalize table spacing to avoid phantom rows/space */
.wallfinishesTable[data-v-f32af46e] {
  border-collapse: collapse;
  border-spacing: 0;
  width: max-content;
  table-layout: fixed;
}

/* Use consistent heights for header and rows */
.wallfinishes-grid[data-v-f32af46e] {
  --wf-head-h: 118px;
  --wf-row-h: 32px;
}
.wallfinishesTable thead th[data-v-f32af46e] {
  position: relative;
  height: var(--wf-head-h, 32px);
  padding: 0;
  vertical-align: bottom;
  white-space: normal;
  overflow: visible;
}
.wallfinishesTable tbody td[data-v-f32af46e] {
  height: var(--wf-row-h, 32px);
  padding: 0 2px;
  vertical-align: middle;
  white-space: normal;
}
.wallfinishesTable thead th[data-v-f32af46e]:not(.actions-col),
.wallfinishesTable tbody td[data-v-f32af46e] {
  width: var(--wf-col-w, 44px);
  min-width: var(--wf-col-w, 44px);
}
.wallfinishesTable tbody td.actions-cell[data-v-f32af46e] {
  width: auto;
  min-width: 0;
}
.wallfinishesTable .inline-checkbox[data-v-f32af46e] {
  gap: 4px;
}
.wallfinishesTable thead th:not(.actions-col) .rotated-header[data-v-f32af46e] {
  position: absolute;
  bottom: 0;
  left: 36px;
  transform: rotate(-62deg);
  transform-origin: left bottom;
  white-space: nowrap;
}
.wallfinishesTable th.actions-col[data-v-f32af46e] {
  white-space: nowrap;
  font-size: 14px;
  font-weight: 400;
  font-style: italic;
}
.actions-cell[data-v-f32af46e] {
  white-space: nowrap;
}
.inline-actions[data-v-f32af46e] {
  display: inline-grid;
  grid-auto-flow: column;
  grid-auto-columns: max-content;
  gap: 6px;
  align-items: center;
}

/* Remove extra margins that cause a blank line after last item */
.wallfinishes-left-item[data-v-f32af46e],
.wallfinishes-right-item[data-v-f32af46e] {
  margin: 0; /* align exactly with table row height */
  height: var(--wf-row-h, 32px);
  display: flex;
  align-items: center;
}

/* Reduce header spacer height to match table header */
.wallfinishes-left > div[data-v-f32af46e]:first-child,
.wallfinishes-right > div[data-v-f32af46e]:first-child {
  height: var(--wf-head-h, 32px) !important;
}
.wallfinishes-left .breedte-regel-first[data-v-f32af46e] {
  display: block;
  padding-left: 32px;
  font-size: 13px;
  color: #5f6b7a;
  font-weight: 600;
}

/* Ensure roof list text looks like inputs but doesn't stretch full width */
.sizes-roof .roof-list .default-form-field-input[data-v-f32af46e],
.sizes-roof .roof-add .default-form-field-input[data-v-f32af46e] {
  text-align: left;
  display: inline-block;
  width: var(--intro-input-w, 420px);
  max-width: var(--intro-input-w, 420px);
  box-sizing: border-box; /* ensure padding/border included so widths match */
  margin: 0;
}p[data-v-5524db1a] {
  max-width: 75ch;
}
.checkbox[data-v-5524db1a] {
  opacity: 0;
  display: none;
}
.checkbox-label[data-v-5524db1a] {
  background-color: white;
  border: 2px solid #4A5568;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
  border-radius: 4px;
  position: relative;
  margin: 0px;
  height: 18px;
  width: 18px;
  transition: background-color 100ms ease;
  cursor: pointer;
}
.checkbox-label-icon[data-v-5524db1a] {
  color: white;
  margin-left: 1px;
  margin-bottom: 2px;
  transition: color 100ms ease;
}
.checkbox-label-icon-active[data-v-5524db1a] {
  color: #babc16;
}
.checkbox:checked + .checkbox-label[data-v-5524db1a] {
  background-color: #4A5568;
}
.compact-form[data-v-5524db1a] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.compact-form-field[data-v-5524db1a] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.compact-form-field-label[data-v-5524db1a] {
  font-size: 0.8rem;
  font-weight: 500;
  min-width: 150px;
  text-align: left;
  padding-right: 10px;
}
.compact-form-field-copy[data-v-5524db1a] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-copy[data-v-5524db1a]:hover {
  background-color: #babc16;
}
.compact-form-field-input[data-v-5524db1a] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 2px 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.8rem;
  border: none;
  background-color: #E3E6E9;
}
.compact-form-field-input[data-v-5524db1a]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.compact-form-field-options[data-v-5524db1a] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-options-header[data-v-5524db1a] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-options-row[data-v-5524db1a] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-options-edit-row[data-v-5524db1a] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-boolean[data-v-5524db1a] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-boolean-row[data-v-5524db1a] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  justify-items: center;
  gap: 5px;
}
.compact-form-field-boolean-row-item[data-v-5524db1a] {
  display: flex;
  gap: 15px;
}
.compact-form-field-boolean-row-item span[data-v-5524db1a] {
  font-size: 0.85rem;
  font-weight: 500;
  text-align: left;
}
.compact-form-field-colors[data-v-5524db1a] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-colors-header[data-v-5524db1a] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-colors-row[data-v-5524db1a] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-colors-edit-row[data-v-5524db1a] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes[data-v-5524db1a] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-glastypes-header[data-v-5524db1a] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-glastypes-row[data-v-5524db1a] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes-edit-row[data-v-5524db1a] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-button[data-v-5524db1a] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-button[data-v-5524db1a]:hover {
  background-color: #babc16;
}
.compact-form-button[data-v-5524db1a] {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.default-form[data-v-5524db1a] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.default-form-field[data-v-5524db1a] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.default-form-field-label[data-v-5524db1a] {
  font-size: 1.1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-input[data-v-5524db1a] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.95rem;
  border: none;
  background-color: #E3E6E9;
}
.default-form-field-input[data-v-5524db1a]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.default-form-field-options[data-v-5524db1a] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-options-header[data-v-5524db1a] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-options-row[data-v-5524db1a] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-options-edit-row[data-v-5524db1a] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors[data-v-5524db1a] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-colors-header[data-v-5524db1a] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-colors-row[data-v-5524db1a] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors-edit-row[data-v-5524db1a] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes[data-v-5524db1a] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-glastypes-header[data-v-5524db1a] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-glastypes-row[data-v-5524db1a] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes-edit-row[data-v-5524db1a] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings[data-v-5524db1a], .default-form-field-uisettings[data-v-5524db1a] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-infoboxsettings-header[data-v-5524db1a], .default-form-field-uisettings-header[data-v-5524db1a] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-infoboxsettings-row[data-v-5524db1a], .default-form-field-uisettings-row[data-v-5524db1a] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(4, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings-edit-row[data-v-5524db1a], .default-form-field-uisettings-edit-row[data-v-5524db1a] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 75px repeat(3, 1fr) 100px 100px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types[data-v-5524db1a] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-types-header[data-v-5524db1a] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-types-row[data-v-5524db1a] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row[data-v-5524db1a] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row-order[data-v-5524db1a] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr 30px 30px 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.default-form-field-button[data-v-5524db1a] {
  display: flex;
  height: 30px;
  width: 30px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.default-form-field-button[data-v-5524db1a]:hover {
  background-color: #babc16;
}
.default-form-button[data-v-5524db1a] {
  display: flex;
  justify-content: center;
}
.spacer[data-v-5524db1a] {
  flex: 1;
}
.edit-textures[data-v-5524db1a] {
  display: flex;
  flex-direction: column;
  padding: 25px;
  align-items: center;
  min-width: min(100%, 800px);
}
.edit-textures-form[data-v-5524db1a] {
  padding: 25px 0px;
  gap: 50px;
  min-width: min(100%, 800px);
  width: min(100%, 1200px);
}
.edit-textures-form-display[data-v-5524db1a] {
  border-radius: 4px;
  outline: 3px solid #E3E6E9;
  outline-offset: -1px;
  height: 29px;
  align-self: center;
}
.textureblock-container[data-v-5524db1a] {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.textureblock[data-v-5524db1a] {
  flex: 0 0 33.33333%;
  height: 590px;
  margin-bottom: 0px;
}
.textureblock-card[data-v-5524db1a] {
  position: relative;
  margin: 0px auto;
  border: 3px solid #E3E6E9;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  border-radius: 4px;
}
.textureblock-card img[data-v-5524db1a] {
  width: 95%;
  display: block;
  margin: 0px auto;
  margin-top: 10px;
  max-height: 45%;
  height: 45%;
  object-fit: contain;
}
.textureblock-card input[data-v-5524db1a], .textureblock-card select[data-v-5524db1a] {
  width: 95%;
  margin-top: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.addButton[data-v-5524db1a] {
  position: relative;
  background-color: #E3E6E9;
  outline: 3px solid rgba(0, 0, 0, 0);
  -webkit-transition: outline-color 0.15s ease-out;
  -moz-transition: outline-color 0.15s ease-out;
  -o-transition: outline-color 0.15s ease-out;
  transition: outline-color 0.15s ease-out;
}
.addButton-icon[data-v-5524db1a] {
  margin-top: 152.5px;
  display: block;
}
.addButton[data-v-5524db1a]:hover {
  outline: 3px solid #babc16;
  cursor: pointer;
}
.fileInput[data-v-5524db1a] {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  margin-top: 0px !important;
  left: 0px;
  opacity: 0%;
  z-index: 10;
  cursor: pointer;
}
.delete[data-v-5524db1a] {
  background-color: #b71c1c;
  color: white;
  font-size: 0.95rem;
  margin-top: 15px;
  border-radius: 4px;
  padding: 4px 20px;
  border: none;
  cursor: pointer;
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+/Edge */
  user-select: none; /* Standard */
}
.changeImageContainer[data-v-5524db1a] {
  position: absolute;
  background-color: rgba(70, 70, 70, 0.5);
  width: 100px;
  height: 100px;
  border-radius: 50px;
  top: calc((50% - 100px) / 2);
  left: calc(50% - 50px);
  cursor: pointer !important;
}
.changeImageContainer-icon[data-v-5524db1a] {
  position: relative;
  display: block;
  color: #ffffff;
  margin-top: 12.5px;
}
input[type=file][data-v-5524db1a]::-webkit-file-upload-button { /* chromes and blink button */
  cursor: pointer;
}
.checkboxContainer[data-v-5524db1a] {
  width: 95%;
  margin: 10px auto;
  text-align: left;
}
.checkboxContainer label[data-v-5524db1a] {
  display: inline-block;
  margin-right: 10px;
}
.checkboxContainer label span svg[data-v-5524db1a] {
  margin-top: -7px;
}
.locationText[data-v-5524db1a] {
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+/Edge */
  user-select: none; /* Standard */
  display: inline;
}
.sticky-header[data-v-5524db1a] {
  position: sticky;
  top: 0;
  z-index: 100;
  margin-bottom: 20px;
  padding: 15px 20px;
  background: white;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sticky-header h1[data-v-5524db1a] {
  margin: 0;
  text-align: left;
  flex: 1;
}
.sticky-header-button[data-v-5524db1a] {
  flex-shrink: 0;
  margin-left: 20px;
}p[data-v-327df945] {
  max-width: 75ch;
}
.checkbox[data-v-327df945] {
  opacity: 0;
  display: none;
}
.checkbox-label[data-v-327df945] {
  background-color: white;
  border: 2px solid #4A5568;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
  border-radius: 4px;
  position: relative;
  margin: 0px;
  height: 18px;
  width: 18px;
  transition: background-color 100ms ease;
  cursor: pointer;
}
.checkbox-label-icon[data-v-327df945] {
  color: white;
  margin-left: 1px;
  margin-bottom: 2px;
  transition: color 100ms ease;
}
.checkbox-label-icon-active[data-v-327df945] {
  color: #babc16;
}
.checkbox:checked + .checkbox-label[data-v-327df945] {
  background-color: #4A5568;
}
.compact-form[data-v-327df945] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.compact-form-field[data-v-327df945] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.compact-form-field-label[data-v-327df945] {
  font-size: 0.8rem;
  font-weight: 500;
  min-width: 150px;
  text-align: left;
  padding-right: 10px;
}
.compact-form-field-copy[data-v-327df945] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-copy[data-v-327df945]:hover {
  background-color: #babc16;
}
.compact-form-field-input[data-v-327df945] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 2px 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.8rem;
  border: none;
  background-color: #E3E6E9;
}
.compact-form-field-input[data-v-327df945]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.compact-form-field-options[data-v-327df945] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-options-header[data-v-327df945] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-options-row[data-v-327df945] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-options-edit-row[data-v-327df945] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-boolean[data-v-327df945] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-boolean-row[data-v-327df945] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  justify-items: center;
  gap: 5px;
}
.compact-form-field-boolean-row-item[data-v-327df945] {
  display: flex;
  gap: 15px;
}
.compact-form-field-boolean-row-item span[data-v-327df945] {
  font-size: 0.85rem;
  font-weight: 500;
  text-align: left;
}
.compact-form-field-colors[data-v-327df945] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-colors-header[data-v-327df945] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-colors-row[data-v-327df945] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-colors-edit-row[data-v-327df945] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes[data-v-327df945] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-glastypes-header[data-v-327df945] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-glastypes-row[data-v-327df945] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes-edit-row[data-v-327df945] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-button[data-v-327df945] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-button[data-v-327df945]:hover {
  background-color: #babc16;
}
.compact-form-button[data-v-327df945] {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.default-form[data-v-327df945] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.default-form-field[data-v-327df945] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.default-form-field-label[data-v-327df945] {
  font-size: 1.1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-input[data-v-327df945] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.95rem;
  border: none;
  background-color: #E3E6E9;
}
.default-form-field-input[data-v-327df945]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.default-form-field-options[data-v-327df945] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-options-header[data-v-327df945] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-options-row[data-v-327df945] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-options-edit-row[data-v-327df945] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors[data-v-327df945] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-colors-header[data-v-327df945] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-colors-row[data-v-327df945] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors-edit-row[data-v-327df945] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes[data-v-327df945] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-glastypes-header[data-v-327df945] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-glastypes-row[data-v-327df945] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes-edit-row[data-v-327df945] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings[data-v-327df945], .default-form-field-uisettings[data-v-327df945] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-infoboxsettings-header[data-v-327df945], .default-form-field-uisettings-header[data-v-327df945] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-infoboxsettings-row[data-v-327df945], .default-form-field-uisettings-row[data-v-327df945] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(4, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings-edit-row[data-v-327df945], .default-form-field-uisettings-edit-row[data-v-327df945] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 75px repeat(3, 1fr) 100px 100px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types[data-v-327df945] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-types-header[data-v-327df945] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-types-row[data-v-327df945] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row[data-v-327df945] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row-order[data-v-327df945] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr 30px 30px 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.default-form-field-button[data-v-327df945] {
  display: flex;
  height: 30px;
  width: 30px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.default-form-field-button[data-v-327df945]:hover {
  background-color: #babc16;
}
.default-form-button[data-v-327df945] {
  display: flex;
  justify-content: center;
}
.spacer[data-v-327df945] {
  flex: 1;
}
.textures-grouped[data-v-327df945] {
  padding: 0 28px 60px; /* geen top-gap zodat header tegen global header zit */
  max-width: 1600px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.toolbar[data-v-327df945] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  gap: 24px;
  background: #fff;
  padding: 12px 20px;
  border: 1px solid #e2e6ea;
  border-radius: 8px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
}
.toolbar h1[data-v-327df945] {
  margin: 0;
  font-size: 1.6rem;
  line-height: 1.1;
  font-weight: 700;
  color: #4A5568;
}
.toolbar .subtitle[data-v-327df945] {
  margin: 2px 0 0;
  font-size: 0.8rem;
  color: #757575;
  font-weight: 500;
  letter-spacing: 0.5px;
}
.toolbar-sticky[data-v-327df945] {
  position: sticky;
  top: var(--toolbar-offset, 70px);
  z-index: 120;
  margin-top: 0;
  border-radius: 0 0 8px 8px;
}
.toolbar-actions[data-v-327df945] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.search-inline-input[data-v-327df945] {
  width: 260px;
  background: #E3E6E9;
  border: 1px solid #e2e6ea;
}
.filter-bar[data-v-327df945] {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  background: #fff;
  padding: 16px 20px;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.filter-field[data-v-327df945] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 220px;
}
label[data-v-327df945] {
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #555;
}
.input[data-v-327df945] {
  border: 1px solid #e2e6ea;
  border-radius: 6px;
  padding: 6px 10px;
  font-size: 0.9rem;
  background: #E3E6E9;
  transition: border-color 0.15s, background 0.15s;
  width: 100%;
  box-sizing: border-box;
}
.card .fields .field .input[data-v-327df945], .card .fields .field select.input[data-v-327df945] {
  width: 100%;
}
.input[data-v-327df945]:focus {
  outline: none;
  border-color: #babc16;
  background: #fff;
}
select.input[data-v-327df945] {
  padding: 6px 8px;
}
.btn[data-v-327df945] {
  border: 1px solid #e2e6ea;
  background: #fff;
  color: #222;
  border-radius: 6px;
  padding: 6px 12px;
  font-size: 0.8rem;
  font-weight: 500;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: background 0.15s, border-color 0.15s, box-shadow 0.15s, transform 0.15s;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
}
.btn[data-v-327df945]:hover {
  background: hsla(0, 0%, 0%, 0.08);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 2px 6px 2px rgba(0, 0, 0, 0.15);
  transform: translateY(-1px);
}
.btn[data-v-327df945]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.btn-add[data-v-327df945] {
  border-color: #2f7bff;
  color: #2f7bff;
  background: #eef5ff;
}
.btn-add[data-v-327df945]:hover {
  background: #d9e9ff;
}
.btn-small[data-v-327df945] {
  padding: 4px 10px;
  font-size: 0.75rem;
}
.btn-danger[data-v-327df945] {
  border-color: #d63939;
  color: #d63939;
  background: #fff2f2;
}
.btn-danger[data-v-327df945]:hover {
  background: #ffe2e2;
}
.groups[data-v-327df945] {
  display: flex;
  flex-direction: column;
  gap: 28px;
}
.group[data-v-327df945] {
  background: linear-gradient(135deg, #f8f9ff 0%, #fff5e6 100%);
  border-radius: 8px;
  border: 2px solid #babc16;
  padding: 8px 0 16px;
  box-shadow: 0 4px 12px rgba(186, 188, 22, 0.1);
}
.group[open][data-v-327df945] {
  animation: fadeIn-327df945 0.25s ease;
}
@keyframes fadeIn-327df945 {
from {
    opacity: 0;
    transform: translateY(-4px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
.group-header[data-v-327df945] {
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 20px 12px;
  border-bottom: 2px solid #babc16;
}
.group-title[data-v-327df945] {
  margin: 0;
  font-size: 1.1rem;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #babc16;
  font-weight: 700;
}
.group .chevron[data-v-327df945] {
  transition: transform 0.2s ease;
  color: inherit;
}
.group[open] .chevron[data-v-327df945] {
  transform: rotate(90deg);
}
.group .title-text[data-v-327df945] {
  display: inline-block;
}
.count[data-v-327df945] {
  font-size: 0.8rem;
  font-weight: 500;
  color: #666;
}
.group-actions[data-v-327df945] {
  display: flex;
  gap: 8px;
}
.cards[data-v-327df945] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
  gap: 18px;
  margin: 20px 20px 0;
}
.card[data-v-327df945] {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
  border: 1px solid #e2e6ea;
  background: #fff;
  border-radius: 8px;
  padding: 14px 14px 12px;
  min-height: 420px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
  transition: box-shadow 0.15s, border-color 0.15s, transform 0.15s;
}
.card[data-v-327df945]:hover {
  background-color: #fff;
  border-color: #cbd5e1;
  transform: translateY(-1px);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 2px 6px 2px rgba(0, 0, 0, 0.15);
}
.card-dirty[data-v-327df945] {
  background: #fff9ed;
  border-color: #f3b95c;
  box-shadow: 0 0 0 2px rgba(243, 185, 92, 0.25);
}

/* Override generic hover: keep dirty color and accentuate outline */
.card-dirty[data-v-327df945]:hover {
  background: #fff9ed;
  border-color: #e99f27;
  box-shadow: 0 0 0 3px rgba(233, 159, 39, 0.35);
  transform: translateY(-1px);
}
.card-pending-move[data-v-327df945] {
  position: relative;
}
.badge-pending[data-v-327df945] {
  position: absolute;
  top: 6px;
  right: 6px;
  background: #1d4ed8;
  color: #fff;
  font-size: 10px;
  font-weight: 600;
  padding: 3px 6px;
  border-radius: 4px;
  letter-spacing: 0.5px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  z-index: 3;
}
.card-deleted[data-v-327df945] {
  background: #fff1f1;
  border-color: #d63939;
  opacity: 0.9;
}

/* Override generic hover: keep deleted color and accentuate outline */
.card-deleted[data-v-327df945]:hover {
  background: #fff1f1;
  border-color: #d63939;
  box-shadow: 0 0 0 3px rgba(214, 57, 57, 0.3);
  transform: translateY(-1px);
}
.card-deleted .image-overlay[data-v-327df945] {
  background: linear-gradient(180deg, rgba(214, 57, 57, 0.05), rgba(214, 57, 57, 0.4));
}
.badge-delete[data-v-327df945] {
  position: absolute;
  top: 6px;
  left: 6px;
  background: #d63939;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  padding: 3px 6px;
  border-radius: 4px;
  letter-spacing: 0.5px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  z-index: 3;
}
.card-image-wrapper[data-v-327df945] {
  position: relative;
  border: 1px solid #e2e6ea;
  border-radius: 8px;
  aspect-ratio: 4/3;
  overflow: hidden;
  cursor: pointer;
  background: #E3E6E9;
}
.card-image[data-v-327df945] {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #fff;
}
.image-open-btn[data-v-327df945] {
  position: absolute;
  top: 6px;
  right: 6px;
  z-index: 4;
  border: 1px solid #e2e6ea;
  background: rgba(255, 255, 255, 0.95);
  color: #1f2937;
  border-radius: 6px;
  padding: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}
.image-open-btn[data-v-327df945]:hover {
  background: #fff;
}
.placeholder[data-v-327df945] {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8rem;
  color: #666;
  height: 100%;
}
.image-overlay[data-v-327df945] {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.55));
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
  padding-bottom: 10px;
  color: #fff;
  font-size: 0.65rem;
  opacity: 0;
  transition: opacity 0.2s;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.card-image-wrapper:hover .image-overlay[data-v-327df945] {
  opacity: 1;
}
.img-error[data-v-327df945] {
  outline: 2px solid #d63939;
}
.fields[data-v-327df945] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.field[data-v-327df945] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
}
.locations .locations-grid[data-v-327df945] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 8px;
}
.checkbox-item[data-v-327df945] {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 0.65rem;
  background: #eef2f5;
  padding: 3px 6px;
  border-radius: 4px;
  cursor: pointer;
}
.checkbox-item input[data-v-327df945] {
  margin: 0;
}
.card-footer[data-v-327df945] {
  margin-top: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}
.card-footer .footer-left[data-v-327df945], .card-footer .footer-right[data-v-327df945] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.card-add[data-v-327df945] {
  align-items: center;
  justify-content: center;
  background: #f1f6ff;
  border: 1px dashed #2f7bff;
  cursor: pointer;
  min-height: 200px;
  border-radius: 8px;
}
.card-add[data-v-327df945]:hover {
  background: #e2f0ff;
  transform: translateY(-1px);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 2px 6px 2px rgba(0, 0, 0, 0.15);
}
.add-inner[data-v-327df945] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  color: #2f7bff;
  font-weight: 600;
  font-size: 0.8rem;
}

/* footer-save verwijderd: save knop zit nu in fixed header */
.file-hidden[data-v-327df945] {
  display: none;
}

/* Verwijderd 2-koloms layout: alle dropdowns onder elkaar voor consistentie */
/* Modal */
.modal-overlay[data-v-327df945] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.35);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 400;
}
.modal[data-v-327df945] {
  background: #fff;
  border-radius: 8px;
  width: min(900px, 92vw);
  max-height: 90vh;
  overflow: hidden;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 2px 6px 2px rgba(0, 0, 0, 0.15);
  display: flex;
  flex-direction: column;
  border: 1px solid #e2e6ea;
}
.modal-header[data-v-327df945] {
  padding: 14px 18px;
  border-bottom: 1px solid #e2e6ea;
  background: #E3E6E9;
}
.modal-header h3[data-v-327df945] {
  margin: 0;
  font-size: 1.1rem;
  font-weight: 700;
  color: #4A5568;
}
.modal-body[data-v-327df945] {
  padding: 16px 18px;
  overflow: auto;
  background: #fff;
}
.modal-footer[data-v-327df945] {
  padding: 12px 18px;
  border-top: 1px solid #e2e6ea;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  background: #fff;
}
.modal-grid[data-v-327df945] {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 16px;
}
.modal-fields[data-v-327df945] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}p[data-v-189230a3] {
  max-width: 75ch;
}
.checkbox[data-v-189230a3] {
  opacity: 0;
  display: none;
}
.checkbox-label[data-v-189230a3] {
  background-color: white;
  border: 2px solid #4A5568;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
  border-radius: 4px;
  position: relative;
  margin: 0px;
  height: 18px;
  width: 18px;
  transition: background-color 100ms ease;
  cursor: pointer;
}
.checkbox-label-icon[data-v-189230a3] {
  color: white;
  margin-left: 1px;
  margin-bottom: 2px;
  transition: color 100ms ease;
}
.checkbox-label-icon-active[data-v-189230a3] {
  color: #babc16;
}
.checkbox:checked + .checkbox-label[data-v-189230a3] {
  background-color: #4A5568;
}
.compact-form[data-v-189230a3] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.compact-form-field[data-v-189230a3] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.compact-form-field-label[data-v-189230a3] {
  font-size: 0.8rem;
  font-weight: 500;
  min-width: 150px;
  text-align: left;
  padding-right: 10px;
}
.compact-form-field-copy[data-v-189230a3] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-copy[data-v-189230a3]:hover {
  background-color: #babc16;
}
.compact-form-field-input[data-v-189230a3] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 2px 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.8rem;
  border: none;
  background-color: #E3E6E9;
}
.compact-form-field-input[data-v-189230a3]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.compact-form-field-options[data-v-189230a3] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-options-header[data-v-189230a3] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-options-row[data-v-189230a3] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-options-edit-row[data-v-189230a3] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-boolean[data-v-189230a3] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-boolean-row[data-v-189230a3] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  justify-items: center;
  gap: 5px;
}
.compact-form-field-boolean-row-item[data-v-189230a3] {
  display: flex;
  gap: 15px;
}
.compact-form-field-boolean-row-item span[data-v-189230a3] {
  font-size: 0.85rem;
  font-weight: 500;
  text-align: left;
}
.compact-form-field-colors[data-v-189230a3] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-colors-header[data-v-189230a3] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-colors-row[data-v-189230a3] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-colors-edit-row[data-v-189230a3] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes[data-v-189230a3] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-glastypes-header[data-v-189230a3] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-glastypes-row[data-v-189230a3] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes-edit-row[data-v-189230a3] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-button[data-v-189230a3] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-button[data-v-189230a3]:hover {
  background-color: #babc16;
}
.compact-form-button[data-v-189230a3] {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.default-form[data-v-189230a3] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.default-form-field[data-v-189230a3] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.default-form-field-label[data-v-189230a3] {
  font-size: 1.1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-input[data-v-189230a3] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.95rem;
  border: none;
  background-color: #E3E6E9;
}
.default-form-field-input[data-v-189230a3]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.default-form-field-options[data-v-189230a3] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-options-header[data-v-189230a3] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-options-row[data-v-189230a3] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-options-edit-row[data-v-189230a3] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors[data-v-189230a3] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-colors-header[data-v-189230a3] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-colors-row[data-v-189230a3] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors-edit-row[data-v-189230a3] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes[data-v-189230a3] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-glastypes-header[data-v-189230a3] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-glastypes-row[data-v-189230a3] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes-edit-row[data-v-189230a3] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings[data-v-189230a3], .default-form-field-uisettings[data-v-189230a3] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-infoboxsettings-header[data-v-189230a3], .default-form-field-uisettings-header[data-v-189230a3] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-infoboxsettings-row[data-v-189230a3], .default-form-field-uisettings-row[data-v-189230a3] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(4, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings-edit-row[data-v-189230a3], .default-form-field-uisettings-edit-row[data-v-189230a3] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 75px repeat(3, 1fr) 100px 100px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types[data-v-189230a3] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-types-header[data-v-189230a3] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-types-row[data-v-189230a3] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row[data-v-189230a3] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row-order[data-v-189230a3] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr 30px 30px 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.default-form-field-button[data-v-189230a3] {
  display: flex;
  height: 30px;
  width: 30px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.default-form-field-button[data-v-189230a3]:hover {
  background-color: #babc16;
}
.default-form-button[data-v-189230a3] {
  display: flex;
  justify-content: center;
}
.spacer[data-v-189230a3] {
  flex: 1;
}
.edit-texturetypes[data-v-189230a3] {
  display: flex;
  flex-direction: column;
  padding: 25px;
  align-items: center;
  min-width: min(100%, 800px);
}
.edit-texturetypes-form[data-v-189230a3] {
  padding: 25px 0px;
  gap: 50px;
  min-width: min(100%, 800px);
}
.sticky-header[data-v-189230a3] {
  position: sticky;
  top: 0;
  z-index: 100;
  margin-bottom: 20px;
  padding: 15px 20px;
  background: white;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sticky-header h1[data-v-189230a3] {
  margin: 0;
  text-align: left;
  flex: 1;
}
.sticky-header-button[data-v-189230a3] {
  flex-shrink: 0;
  margin-left: 20px;
}p[data-v-0c2c58e4] {
  max-width: 75ch;
}
.checkbox[data-v-0c2c58e4] {
  opacity: 0;
  display: none;
}
.checkbox-label[data-v-0c2c58e4] {
  background-color: white;
  border: 2px solid #4A5568;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
  border-radius: 4px;
  position: relative;
  margin: 0px;
  height: 18px;
  width: 18px;
  transition: background-color 100ms ease;
  cursor: pointer;
}
.checkbox-label-icon[data-v-0c2c58e4] {
  color: white;
  margin-left: 1px;
  margin-bottom: 2px;
  transition: color 100ms ease;
}
.checkbox-label-icon-active[data-v-0c2c58e4] {
  color: #babc16;
}
.checkbox:checked + .checkbox-label[data-v-0c2c58e4] {
  background-color: #4A5568;
}
.compact-form[data-v-0c2c58e4] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.compact-form-field[data-v-0c2c58e4] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.compact-form-field-label[data-v-0c2c58e4] {
  font-size: 0.8rem;
  font-weight: 500;
  min-width: 150px;
  text-align: left;
  padding-right: 10px;
}
.compact-form-field-copy[data-v-0c2c58e4] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-copy[data-v-0c2c58e4]:hover {
  background-color: #babc16;
}
.compact-form-field-input[data-v-0c2c58e4] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 2px 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.8rem;
  border: none;
  background-color: #E3E6E9;
}
.compact-form-field-input[data-v-0c2c58e4]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.compact-form-field-options[data-v-0c2c58e4] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-options-header[data-v-0c2c58e4] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-options-row[data-v-0c2c58e4] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-options-edit-row[data-v-0c2c58e4] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-boolean[data-v-0c2c58e4] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-boolean-row[data-v-0c2c58e4] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  justify-items: center;
  gap: 5px;
}
.compact-form-field-boolean-row-item[data-v-0c2c58e4] {
  display: flex;
  gap: 15px;
}
.compact-form-field-boolean-row-item span[data-v-0c2c58e4] {
  font-size: 0.85rem;
  font-weight: 500;
  text-align: left;
}
.compact-form-field-colors[data-v-0c2c58e4] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-colors-header[data-v-0c2c58e4] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-colors-row[data-v-0c2c58e4] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-colors-edit-row[data-v-0c2c58e4] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes[data-v-0c2c58e4] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-glastypes-header[data-v-0c2c58e4] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-glastypes-row[data-v-0c2c58e4] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes-edit-row[data-v-0c2c58e4] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-button[data-v-0c2c58e4] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-button[data-v-0c2c58e4]:hover {
  background-color: #babc16;
}
.compact-form-button[data-v-0c2c58e4] {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.default-form[data-v-0c2c58e4] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.default-form-field[data-v-0c2c58e4] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.default-form-field-label[data-v-0c2c58e4] {
  font-size: 1.1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-input[data-v-0c2c58e4] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.95rem;
  border: none;
  background-color: #E3E6E9;
}
.default-form-field-input[data-v-0c2c58e4]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.default-form-field-options[data-v-0c2c58e4] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-options-header[data-v-0c2c58e4] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-options-row[data-v-0c2c58e4] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-options-edit-row[data-v-0c2c58e4] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors[data-v-0c2c58e4] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-colors-header[data-v-0c2c58e4] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-colors-row[data-v-0c2c58e4] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors-edit-row[data-v-0c2c58e4] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes[data-v-0c2c58e4] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-glastypes-header[data-v-0c2c58e4] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-glastypes-row[data-v-0c2c58e4] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes-edit-row[data-v-0c2c58e4] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings[data-v-0c2c58e4], .default-form-field-uisettings[data-v-0c2c58e4] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-infoboxsettings-header[data-v-0c2c58e4], .default-form-field-uisettings-header[data-v-0c2c58e4] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-infoboxsettings-row[data-v-0c2c58e4], .default-form-field-uisettings-row[data-v-0c2c58e4] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(4, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings-edit-row[data-v-0c2c58e4], .default-form-field-uisettings-edit-row[data-v-0c2c58e4] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 75px repeat(3, 1fr) 100px 100px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types[data-v-0c2c58e4] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-types-header[data-v-0c2c58e4] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-types-row[data-v-0c2c58e4] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row[data-v-0c2c58e4] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row-order[data-v-0c2c58e4] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr 30px 30px 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.default-form-field-button[data-v-0c2c58e4] {
  display: flex;
  height: 30px;
  width: 30px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.default-form-field-button[data-v-0c2c58e4]:hover {
  background-color: #babc16;
}
.default-form-button[data-v-0c2c58e4] {
  display: flex;
  justify-content: center;
}
.spacer[data-v-0c2c58e4] {
  flex: 1;
}
.edit[data-v-0c2c58e4] {
  display: flex;
  flex-direction: column;
  padding: 25px;
  align-items: center;
  min-width: min(100%, 800px);
}
.edit-form[data-v-0c2c58e4] {
  padding: 25px 0px;
  gap: 50px;
  width: 300px;
}
.row[data-v-0c2c58e4] {
  display: flex;
  flex-wrap: wrap; /* Allow items to wrap if needed */
  width: 100%; /* Adjust as necessary */
}
.row-header[data-v-0c2c58e4] {
  padding-left: 5px;
  justify-content: left !important;
}
.item[data-v-0c2c58e4] {
  flex: 1; /* Default flex property for other items */
  width: 0px;
  box-sizing: border-box; /* Include padding and border in width */
  display: flex;
  align-items: flex-start;
}
.item[data-v-0c2c58e4]:nth-child(2) {
  flex: 0 0 30px; /* Fixed width of 70px */
}
.colors-container[data-v-0c2c58e4] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.colors-section[data-v-0c2c58e4] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  max-width: 100%;
}
.colors-header[data-v-0c2c58e4] {
  display: flex;
  gap: 10px;
  margin-bottom: 5px;
}
.color-header-item[data-v-0c2c58e4] {
  flex: 1;
  padding-left: 5px;
  justify-content: left !important;
}
.color-header-item[data-v-0c2c58e4]:last-child {
  flex: 0 0 30px;
}
.color-row[data-v-0c2c58e4] {
  display: flex;
  gap: 10px;
  align-items: center;
}
.color-input[data-v-0c2c58e4] {
  flex: 1;
  min-width: 0;
}
.color-delete-btn[data-v-0c2c58e4] {
  flex: 0 0 30px;
  height: 30px;
  padding: 2px;
}
.add-color-btn[data-v-0c2c58e4] {
  align-self: flex-start;
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 5px 10px;
  font-size: 12px;
}p[data-v-aa665829] {
  max-width: 75ch;
}
.checkbox[data-v-aa665829] {
  opacity: 0;
  display: none;
}
.checkbox-label[data-v-aa665829] {
  background-color: white;
  border: 2px solid #4A5568;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
  border-radius: 4px;
  position: relative;
  margin: 0px;
  height: 18px;
  width: 18px;
  transition: background-color 100ms ease;
  cursor: pointer;
}
.checkbox-label-icon[data-v-aa665829] {
  color: white;
  margin-left: 1px;
  margin-bottom: 2px;
  transition: color 100ms ease;
}
.checkbox-label-icon-active[data-v-aa665829] {
  color: #babc16;
}
.checkbox:checked + .checkbox-label[data-v-aa665829] {
  background-color: #4A5568;
}
.compact-form[data-v-aa665829] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.compact-form-field[data-v-aa665829] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.compact-form-field-label[data-v-aa665829] {
  font-size: 0.8rem;
  font-weight: 500;
  min-width: 150px;
  text-align: left;
  padding-right: 10px;
}
.compact-form-field-copy[data-v-aa665829] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-copy[data-v-aa665829]:hover {
  background-color: #babc16;
}
.compact-form-field-input[data-v-aa665829] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 2px 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.8rem;
  border: none;
  background-color: #E3E6E9;
}
.compact-form-field-input[data-v-aa665829]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.compact-form-field-options[data-v-aa665829] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-options-header[data-v-aa665829] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-options-row[data-v-aa665829] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-options-edit-row[data-v-aa665829] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-boolean[data-v-aa665829] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-boolean-row[data-v-aa665829] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  justify-items: center;
  gap: 5px;
}
.compact-form-field-boolean-row-item[data-v-aa665829] {
  display: flex;
  gap: 15px;
}
.compact-form-field-boolean-row-item span[data-v-aa665829] {
  font-size: 0.85rem;
  font-weight: 500;
  text-align: left;
}
.compact-form-field-colors[data-v-aa665829] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-colors-header[data-v-aa665829] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-colors-row[data-v-aa665829] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-colors-edit-row[data-v-aa665829] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes[data-v-aa665829] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-glastypes-header[data-v-aa665829] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-glastypes-row[data-v-aa665829] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes-edit-row[data-v-aa665829] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-button[data-v-aa665829] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-button[data-v-aa665829]:hover {
  background-color: #babc16;
}
.compact-form-button[data-v-aa665829] {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.default-form[data-v-aa665829] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.default-form-field[data-v-aa665829] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.default-form-field-label[data-v-aa665829] {
  font-size: 1.1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-input[data-v-aa665829] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.95rem;
  border: none;
  background-color: #E3E6E9;
}
.default-form-field-input[data-v-aa665829]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.default-form-field-options[data-v-aa665829] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-options-header[data-v-aa665829] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-options-row[data-v-aa665829] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-options-edit-row[data-v-aa665829] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors[data-v-aa665829] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-colors-header[data-v-aa665829] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-colors-row[data-v-aa665829] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors-edit-row[data-v-aa665829] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes[data-v-aa665829] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-glastypes-header[data-v-aa665829] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-glastypes-row[data-v-aa665829] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes-edit-row[data-v-aa665829] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings[data-v-aa665829], .default-form-field-uisettings[data-v-aa665829] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-infoboxsettings-header[data-v-aa665829], .default-form-field-uisettings-header[data-v-aa665829] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-infoboxsettings-row[data-v-aa665829], .default-form-field-uisettings-row[data-v-aa665829] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(4, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings-edit-row[data-v-aa665829], .default-form-field-uisettings-edit-row[data-v-aa665829] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 75px repeat(3, 1fr) 100px 100px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types[data-v-aa665829] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-types-header[data-v-aa665829] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-types-row[data-v-aa665829] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row[data-v-aa665829] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row-order[data-v-aa665829] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr 30px 30px 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.default-form-field-button[data-v-aa665829] {
  display: flex;
  height: 30px;
  width: 30px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.default-form-field-button[data-v-aa665829]:hover {
  background-color: #babc16;
}
.default-form-button[data-v-aa665829] {
  display: flex;
  justify-content: center;
}
.spacer[data-v-aa665829] {
  flex: 1;
}
.edit[data-v-aa665829] {
  display: flex;
  flex-direction: column;
  padding: 25px;
  align-items: center;
  min-width: min(100%, 800px);
}
.edit-form[data-v-aa665829] {
  padding: 25px 0px;
  gap: 50px;
  width: 90%;
}
.row[data-v-aa665829] {
  display: flex;
  flex-wrap: wrap; /* Allow items to wrap if needed */
  width: 100%; /* Adjust as necessary */
}
.row-header[data-v-aa665829] {
  padding-left: 5px;
  justify-content: left !important;
}
.item[data-v-aa665829] {
  flex: 1; /* Default flex property for other items */
  width: 0px;
  box-sizing: border-box; /* Include padding and border in width */
  display: flex;
  align-items: center;
  justify-content: center;
}
.item[data-v-aa665829]:nth-child(2), .item[data-v-aa665829]:nth-child(3) {
  flex: 0 0 70px; /* Fixed width of 70px */
}
.item[data-v-aa665829]:nth-child(4) {
  flex: 0 0 100px; /* Fixed width of 100px */
}
.item[data-v-aa665829]:nth-child(10) {
  flex: 0 0 30px; /* Fixed width of 30px */
}p[data-v-c8937fd4] {
  max-width: 75ch;
}
.checkbox[data-v-c8937fd4] {
  opacity: 0;
  display: none;
}
.checkbox-label[data-v-c8937fd4] {
  background-color: white;
  border: 2px solid #4A5568;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
  border-radius: 4px;
  position: relative;
  margin: 0px;
  height: 18px;
  width: 18px;
  transition: background-color 100ms ease;
  cursor: pointer;
}
.checkbox-label-icon[data-v-c8937fd4] {
  color: white;
  margin-left: 1px;
  margin-bottom: 2px;
  transition: color 100ms ease;
}
.checkbox-label-icon-active[data-v-c8937fd4] {
  color: #babc16;
}
.checkbox:checked + .checkbox-label[data-v-c8937fd4] {
  background-color: #4A5568;
}
.compact-form[data-v-c8937fd4] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.compact-form-field[data-v-c8937fd4] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.compact-form-field-label[data-v-c8937fd4] {
  font-size: 0.8rem;
  font-weight: 500;
  min-width: 150px;
  text-align: left;
  padding-right: 10px;
}
.compact-form-field-copy[data-v-c8937fd4] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-copy[data-v-c8937fd4]:hover {
  background-color: #babc16;
}
.compact-form-field-input[data-v-c8937fd4] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 2px 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.8rem;
  border: none;
  background-color: #E3E6E9;
}
.compact-form-field-input[data-v-c8937fd4]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.compact-form-field-options[data-v-c8937fd4] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-options-header[data-v-c8937fd4] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-options-row[data-v-c8937fd4] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-options-edit-row[data-v-c8937fd4] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-boolean[data-v-c8937fd4] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-boolean-row[data-v-c8937fd4] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  justify-items: center;
  gap: 5px;
}
.compact-form-field-boolean-row-item[data-v-c8937fd4] {
  display: flex;
  gap: 15px;
}
.compact-form-field-boolean-row-item span[data-v-c8937fd4] {
  font-size: 0.85rem;
  font-weight: 500;
  text-align: left;
}
.compact-form-field-colors[data-v-c8937fd4] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-colors-header[data-v-c8937fd4] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-colors-row[data-v-c8937fd4] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-colors-edit-row[data-v-c8937fd4] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes[data-v-c8937fd4] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-glastypes-header[data-v-c8937fd4] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-glastypes-row[data-v-c8937fd4] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes-edit-row[data-v-c8937fd4] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-button[data-v-c8937fd4] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-button[data-v-c8937fd4]:hover {
  background-color: #babc16;
}
.compact-form-button[data-v-c8937fd4] {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.default-form[data-v-c8937fd4] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.default-form-field[data-v-c8937fd4] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.default-form-field-label[data-v-c8937fd4] {
  font-size: 1.1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-input[data-v-c8937fd4] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.95rem;
  border: none;
  background-color: #E3E6E9;
}
.default-form-field-input[data-v-c8937fd4]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.default-form-field-options[data-v-c8937fd4] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-options-header[data-v-c8937fd4] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-options-row[data-v-c8937fd4] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-options-edit-row[data-v-c8937fd4] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors[data-v-c8937fd4] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-colors-header[data-v-c8937fd4] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-colors-row[data-v-c8937fd4] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors-edit-row[data-v-c8937fd4] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes[data-v-c8937fd4] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-glastypes-header[data-v-c8937fd4] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-glastypes-row[data-v-c8937fd4] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes-edit-row[data-v-c8937fd4] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings[data-v-c8937fd4], .default-form-field-uisettings[data-v-c8937fd4] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-infoboxsettings-header[data-v-c8937fd4], .default-form-field-uisettings-header[data-v-c8937fd4] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-infoboxsettings-row[data-v-c8937fd4], .default-form-field-uisettings-row[data-v-c8937fd4] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(4, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings-edit-row[data-v-c8937fd4], .default-form-field-uisettings-edit-row[data-v-c8937fd4] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 75px repeat(3, 1fr) 100px 100px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types[data-v-c8937fd4] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-types-header[data-v-c8937fd4] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-types-row[data-v-c8937fd4] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row[data-v-c8937fd4] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row-order[data-v-c8937fd4] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr 30px 30px 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.default-form-field-button[data-v-c8937fd4] {
  display: flex;
  height: 30px;
  width: 30px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.default-form-field-button[data-v-c8937fd4]:hover {
  background-color: #babc16;
}
.default-form-button[data-v-c8937fd4] {
  display: flex;
  justify-content: center;
}
.spacer[data-v-c8937fd4] {
  flex: 1;
}
.edit[data-v-c8937fd4] {
  display: flex;
  flex-direction: column;
  padding: 25px;
  align-items: center;
  min-width: min(100%, 800px);
}
.edit-form[data-v-c8937fd4] {
  padding: 25px 0px;
  gap: 50px;
  max-width: 800px; /* Set max-width to 800px */
  width: 100%; /* Ensure it takes full width up to 800px */
}
.default-form-field-types[data-v-c8937fd4] {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto; /* Ensure it takes the height of its content */
}
.form-group[data-v-c8937fd4] {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.form-label[data-v-c8937fd4] {
  width: 300px; /* Set width to 300px */
  text-align: left;
  padding-right: 10px;
}
.default-form-field-input[data-v-c8937fd4] {
  flex: 1;
  padding: 5px;
  box-sizing: border-box;
}
.sticky-header[data-v-c8937fd4] {
  position: sticky;
  top: 0;
  z-index: 100;
  margin-bottom: 20px;
  padding: 15px 20px;
  background: white;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sticky-header h1[data-v-c8937fd4] {
  margin: 0;
  text-align: left;
  flex: 1;
}
.sticky-header-button[data-v-c8937fd4] {
  flex-shrink: 0;
  margin-left: 20px;
}p[data-v-e841c790] {
  max-width: 75ch;
}
.checkbox[data-v-e841c790] {
  opacity: 0;
  display: none;
}
.checkbox-label[data-v-e841c790] {
  background-color: white;
  border: 2px solid #4A5568;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
  border-radius: 4px;
  position: relative;
  margin: 0px;
  height: 18px;
  width: 18px;
  transition: background-color 100ms ease;
  cursor: pointer;
}
.checkbox-label-icon[data-v-e841c790] {
  color: white;
  margin-left: 1px;
  margin-bottom: 2px;
  transition: color 100ms ease;
}
.checkbox-label-icon-active[data-v-e841c790] {
  color: #babc16;
}
.checkbox:checked + .checkbox-label[data-v-e841c790] {
  background-color: #4A5568;
}
.compact-form[data-v-e841c790] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.compact-form-field[data-v-e841c790] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.compact-form-field-label[data-v-e841c790] {
  font-size: 0.8rem;
  font-weight: 500;
  min-width: 150px;
  text-align: left;
  padding-right: 10px;
}
.compact-form-field-copy[data-v-e841c790] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-copy[data-v-e841c790]:hover {
  background-color: #babc16;
}
.compact-form-field-input[data-v-e841c790] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 2px 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.8rem;
  border: none;
  background-color: #E3E6E9;
}
.compact-form-field-input[data-v-e841c790]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.compact-form-field-options[data-v-e841c790] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-options-header[data-v-e841c790] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-options-row[data-v-e841c790] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-options-edit-row[data-v-e841c790] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-boolean[data-v-e841c790] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-boolean-row[data-v-e841c790] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  justify-items: center;
  gap: 5px;
}
.compact-form-field-boolean-row-item[data-v-e841c790] {
  display: flex;
  gap: 15px;
}
.compact-form-field-boolean-row-item span[data-v-e841c790] {
  font-size: 0.85rem;
  font-weight: 500;
  text-align: left;
}
.compact-form-field-colors[data-v-e841c790] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-colors-header[data-v-e841c790] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-colors-row[data-v-e841c790] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-colors-edit-row[data-v-e841c790] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes[data-v-e841c790] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-glastypes-header[data-v-e841c790] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-glastypes-row[data-v-e841c790] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes-edit-row[data-v-e841c790] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-button[data-v-e841c790] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-button[data-v-e841c790]:hover {
  background-color: #babc16;
}
.compact-form-button[data-v-e841c790] {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.default-form[data-v-e841c790] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.default-form-field[data-v-e841c790] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.default-form-field-label[data-v-e841c790] {
  font-size: 1.1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-input[data-v-e841c790] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.95rem;
  border: none;
  background-color: #E3E6E9;
}
.default-form-field-input[data-v-e841c790]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.default-form-field-options[data-v-e841c790] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-options-header[data-v-e841c790] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-options-row[data-v-e841c790] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-options-edit-row[data-v-e841c790] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors[data-v-e841c790] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-colors-header[data-v-e841c790] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-colors-row[data-v-e841c790] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors-edit-row[data-v-e841c790] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes[data-v-e841c790] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-glastypes-header[data-v-e841c790] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-glastypes-row[data-v-e841c790] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes-edit-row[data-v-e841c790] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings[data-v-e841c790], .default-form-field-uisettings[data-v-e841c790] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-infoboxsettings-header[data-v-e841c790], .default-form-field-uisettings-header[data-v-e841c790] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-infoboxsettings-row[data-v-e841c790], .default-form-field-uisettings-row[data-v-e841c790] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(4, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings-edit-row[data-v-e841c790], .default-form-field-uisettings-edit-row[data-v-e841c790] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 75px repeat(3, 1fr) 100px 100px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types[data-v-e841c790] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-types-header[data-v-e841c790] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-types-row[data-v-e841c790] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row[data-v-e841c790] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row-order[data-v-e841c790] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr 30px 30px 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.default-form-field-button[data-v-e841c790] {
  display: flex;
  height: 30px;
  width: 30px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.default-form-field-button[data-v-e841c790]:hover {
  background-color: #babc16;
}
.default-form-button[data-v-e841c790] {
  display: flex;
  justify-content: center;
}
.spacer[data-v-e841c790] {
  flex: 1;
}
.edit[data-v-e841c790] {
  display: flex;
  flex-direction: column;
  padding: 25px;
  align-items: center;
  min-width: min(100%, 800px);
}
.edit-form[data-v-e841c790] {
  padding: 25px 0px;
  gap: 50px;
  width: 90%;
}
.row[data-v-e841c790] {
  display: flex;
  flex-wrap: wrap; /* Allow items to wrap if needed */
  width: 100%; /* Adjust as necessary */
}
.row-header[data-v-e841c790] {
  padding-left: 5px;
  justify-content: left !important;
}
.item[data-v-e841c790] {
  flex: 1; /* Default flex property for other items */
  width: 0px;
  box-sizing: border-box; /* Include padding and border in width */
  display: flex;
  align-items: flex-start;
}
.item[data-v-e841c790]:nth-child(2) {
  flex: 0 0 60px; /* Fixed width of 70px */
}
.item[data-v-e841c790]:nth-child(5) {
  flex: 0 0 200px; /* Fixed width of 70px */
}
.item[data-v-e841c790]:nth-child(9) {
  flex: 0 0 500px; /* Fixed width of 70px */
}
.item[data-v-e841c790]:nth-child(10) {
  flex: 0 0 30px; /* Fixed width of 70px */
}
.colors-container[data-v-e841c790] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.colors-section[data-v-e841c790] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  max-width: 100%;
}
.colors-header[data-v-e841c790] {
  display: flex;
  gap: 10px;
  margin-bottom: 5px;
}
.color-header-item[data-v-e841c790] {
  flex: 1;
  padding-left: 5px;
  justify-content: left !important;
}
.color-header-item[data-v-e841c790]:last-child {
  flex: 0 0 30px;
}
.color-row[data-v-e841c790] {
  display: flex;
  gap: 10px;
  align-items: center;
}
.color-input[data-v-e841c790] {
  flex: 1;
  min-width: 0;
}
.color-delete-btn[data-v-e841c790] {
  flex: 0 0 30px;
  height: 30px;
  padding: 2px;
}
.add-color-btn[data-v-e841c790] {
  align-self: flex-start;
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 5px 10px;
  font-size: 12px;
}p[data-v-f3045ae0] {
  max-width: 75ch;
}
.checkbox[data-v-f3045ae0] {
  opacity: 0;
  display: none;
}
.checkbox-label[data-v-f3045ae0] {
  background-color: white;
  border: 2px solid #4A5568;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
  border-radius: 4px;
  position: relative;
  margin: 0px;
  height: 18px;
  width: 18px;
  transition: background-color 100ms ease;
  cursor: pointer;
}
.checkbox-label-icon[data-v-f3045ae0] {
  color: white;
  margin-left: 1px;
  margin-bottom: 2px;
  transition: color 100ms ease;
}
.checkbox-label-icon-active[data-v-f3045ae0] {
  color: #babc16;
}
.checkbox:checked + .checkbox-label[data-v-f3045ae0] {
  background-color: #4A5568;
}
.compact-form[data-v-f3045ae0] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.compact-form-field[data-v-f3045ae0] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.compact-form-field-label[data-v-f3045ae0] {
  font-size: 0.8rem;
  font-weight: 500;
  min-width: 150px;
  text-align: left;
  padding-right: 10px;
}
.compact-form-field-copy[data-v-f3045ae0] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-copy[data-v-f3045ae0]:hover {
  background-color: #babc16;
}
.compact-form-field-input[data-v-f3045ae0] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 2px 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.8rem;
  border: none;
  background-color: #E3E6E9;
}
.compact-form-field-input[data-v-f3045ae0]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.compact-form-field-options[data-v-f3045ae0] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-options-header[data-v-f3045ae0] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-options-row[data-v-f3045ae0] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-options-edit-row[data-v-f3045ae0] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-boolean[data-v-f3045ae0] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-boolean-row[data-v-f3045ae0] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  justify-items: center;
  gap: 5px;
}
.compact-form-field-boolean-row-item[data-v-f3045ae0] {
  display: flex;
  gap: 15px;
}
.compact-form-field-boolean-row-item span[data-v-f3045ae0] {
  font-size: 0.85rem;
  font-weight: 500;
  text-align: left;
}
.compact-form-field-colors[data-v-f3045ae0] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-colors-header[data-v-f3045ae0] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-colors-row[data-v-f3045ae0] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-colors-edit-row[data-v-f3045ae0] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes[data-v-f3045ae0] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-glastypes-header[data-v-f3045ae0] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-glastypes-row[data-v-f3045ae0] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes-edit-row[data-v-f3045ae0] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-button[data-v-f3045ae0] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-button[data-v-f3045ae0]:hover {
  background-color: #babc16;
}
.compact-form-button[data-v-f3045ae0] {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.default-form[data-v-f3045ae0] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.default-form-field[data-v-f3045ae0] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.default-form-field-label[data-v-f3045ae0] {
  font-size: 1.1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-input[data-v-f3045ae0] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.95rem;
  border: none;
  background-color: #E3E6E9;
}
.default-form-field-input[data-v-f3045ae0]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.default-form-field-options[data-v-f3045ae0] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-options-header[data-v-f3045ae0] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-options-row[data-v-f3045ae0] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-options-edit-row[data-v-f3045ae0] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors[data-v-f3045ae0] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-colors-header[data-v-f3045ae0] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-colors-row[data-v-f3045ae0] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors-edit-row[data-v-f3045ae0] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes[data-v-f3045ae0] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-glastypes-header[data-v-f3045ae0] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-glastypes-row[data-v-f3045ae0] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes-edit-row[data-v-f3045ae0] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings[data-v-f3045ae0], .default-form-field-uisettings[data-v-f3045ae0] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-infoboxsettings-header[data-v-f3045ae0], .default-form-field-uisettings-header[data-v-f3045ae0] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-infoboxsettings-row[data-v-f3045ae0], .default-form-field-uisettings-row[data-v-f3045ae0] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(4, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings-edit-row[data-v-f3045ae0], .default-form-field-uisettings-edit-row[data-v-f3045ae0] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 75px repeat(3, 1fr) 100px 100px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types[data-v-f3045ae0] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-types-header[data-v-f3045ae0] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-types-row[data-v-f3045ae0] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row[data-v-f3045ae0] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row-order[data-v-f3045ae0] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr 30px 30px 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.default-form-field-button[data-v-f3045ae0] {
  display: flex;
  height: 30px;
  width: 30px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.default-form-field-button[data-v-f3045ae0]:hover {
  background-color: #babc16;
}
.default-form-button[data-v-f3045ae0] {
  display: flex;
  justify-content: center;
}
.spacer[data-v-f3045ae0] {
  flex: 1;
}
.edit[data-v-f3045ae0] {
  display: flex;
  flex-direction: column;
  padding: 25px;
  align-items: center;
  min-width: min(100%, 800px);
}
.edit-form[data-v-f3045ae0] {
  padding: 25px 0px;
  gap: 50px;
  width: 75%;
}
.row[data-v-f3045ae0] {
  display: flex;
  flex-wrap: wrap; /* Allow items to wrap if needed */
  width: 100%; /* Adjust as necessary */
}
.row-header[data-v-f3045ae0] {
  padding-left: 5px;
  justify-content: left !important;
}
.item[data-v-f3045ae0] {
  flex: 1; /* Default flex property for other items */
  width: 0px;
  box-sizing: border-box; /* Include padding and border in width */
  display: flex;
  align-items: flex-start;
}
.item[data-v-f3045ae0]:nth-child(1) {
  flex: 0 0 200px;
}
.item[data-v-f3045ae0]:nth-child(3) {
  flex: 0 0 300px;
}
.item[data-v-f3045ae0]:nth-child(4) {
  flex: 0 0 300px;
}
.item[data-v-f3045ae0]:nth-child(5) {
  flex: 0 0 120px;
}
.item[data-v-f3045ae0]:nth-child(6) {
  flex: 0 0 30px;
}
.colors-container[data-v-f3045ae0] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.colors-section[data-v-f3045ae0] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  max-width: 100%;
}
.colors-header[data-v-f3045ae0] {
  display: flex;
  gap: 10px;
  margin-bottom: 5px;
}
.color-header-item[data-v-f3045ae0] {
  flex: 1;
  padding-left: 5px;
  justify-content: left !important;
}
.color-header-item[data-v-f3045ae0]:last-child {
  flex: 0 0 30px;
}
.color-row[data-v-f3045ae0] {
  display: flex;
  gap: 10px;
  align-items: center;
}
.color-input[data-v-f3045ae0] {
  flex: 1;
  min-width: 0;
}
.color-delete-btn[data-v-f3045ae0] {
  flex: 0 0 30px;
  height: 30px;
  padding: 2px;
}
.add-color-btn[data-v-f3045ae0] {
  align-self: flex-start;
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 5px 10px;
  font-size: 12px;
}p[data-v-ec969c0f] {
  max-width: 75ch;
}
.checkbox[data-v-ec969c0f] {
  opacity: 0;
  display: none;
}
.checkbox-label[data-v-ec969c0f] {
  background-color: white;
  border: 2px solid #4A5568;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
  border-radius: 4px;
  position: relative;
  margin: 0px;
  height: 18px;
  width: 18px;
  transition: background-color 100ms ease;
  cursor: pointer;
}
.checkbox-label-icon[data-v-ec969c0f] {
  color: white;
  margin-left: 1px;
  margin-bottom: 2px;
  transition: color 100ms ease;
}
.checkbox-label-icon-active[data-v-ec969c0f] {
  color: #babc16;
}
.checkbox:checked + .checkbox-label[data-v-ec969c0f] {
  background-color: #4A5568;
}
.compact-form[data-v-ec969c0f] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.compact-form-field[data-v-ec969c0f] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.compact-form-field-label[data-v-ec969c0f] {
  font-size: 0.8rem;
  font-weight: 500;
  min-width: 150px;
  text-align: left;
  padding-right: 10px;
}
.compact-form-field-copy[data-v-ec969c0f] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-copy[data-v-ec969c0f]:hover {
  background-color: #babc16;
}
.compact-form-field-input[data-v-ec969c0f] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 2px 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.8rem;
  border: none;
  background-color: #E3E6E9;
}
.compact-form-field-input[data-v-ec969c0f]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.compact-form-field-options[data-v-ec969c0f] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-options-header[data-v-ec969c0f] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-options-row[data-v-ec969c0f] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-options-edit-row[data-v-ec969c0f] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-boolean[data-v-ec969c0f] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-boolean-row[data-v-ec969c0f] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  justify-items: center;
  gap: 5px;
}
.compact-form-field-boolean-row-item[data-v-ec969c0f] {
  display: flex;
  gap: 15px;
}
.compact-form-field-boolean-row-item span[data-v-ec969c0f] {
  font-size: 0.85rem;
  font-weight: 500;
  text-align: left;
}
.compact-form-field-colors[data-v-ec969c0f] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-colors-header[data-v-ec969c0f] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-colors-row[data-v-ec969c0f] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-colors-edit-row[data-v-ec969c0f] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes[data-v-ec969c0f] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-glastypes-header[data-v-ec969c0f] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-glastypes-row[data-v-ec969c0f] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes-edit-row[data-v-ec969c0f] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-button[data-v-ec969c0f] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-button[data-v-ec969c0f]:hover {
  background-color: #babc16;
}
.compact-form-button[data-v-ec969c0f] {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.default-form[data-v-ec969c0f] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.default-form-field[data-v-ec969c0f] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.default-form-field-label[data-v-ec969c0f] {
  font-size: 1.1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-input[data-v-ec969c0f] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.95rem;
  border: none;
  background-color: #E3E6E9;
}
.default-form-field-input[data-v-ec969c0f]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.default-form-field-options[data-v-ec969c0f] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-options-header[data-v-ec969c0f] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-options-row[data-v-ec969c0f] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-options-edit-row[data-v-ec969c0f] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors[data-v-ec969c0f] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-colors-header[data-v-ec969c0f] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-colors-row[data-v-ec969c0f] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors-edit-row[data-v-ec969c0f] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes[data-v-ec969c0f] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-glastypes-header[data-v-ec969c0f] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-glastypes-row[data-v-ec969c0f] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes-edit-row[data-v-ec969c0f] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings[data-v-ec969c0f], .default-form-field-uisettings[data-v-ec969c0f] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-infoboxsettings-header[data-v-ec969c0f], .default-form-field-uisettings-header[data-v-ec969c0f] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-infoboxsettings-row[data-v-ec969c0f], .default-form-field-uisettings-row[data-v-ec969c0f] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(4, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings-edit-row[data-v-ec969c0f], .default-form-field-uisettings-edit-row[data-v-ec969c0f] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 75px repeat(3, 1fr) 100px 100px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types[data-v-ec969c0f] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-types-header[data-v-ec969c0f] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-types-row[data-v-ec969c0f] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row[data-v-ec969c0f] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row-order[data-v-ec969c0f] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr 30px 30px 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.default-form-field-button[data-v-ec969c0f] {
  display: flex;
  height: 30px;
  width: 30px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.default-form-field-button[data-v-ec969c0f]:hover {
  background-color: #babc16;
}
.default-form-button[data-v-ec969c0f] {
  display: flex;
  justify-content: center;
}
.spacer[data-v-ec969c0f] {
  flex: 1;
}
.edit-plankTypes[data-v-ec969c0f] {
  display: flex;
  flex-direction: column;
  padding: 25px;
  align-items: center;
  min-width: min(100%, 800px);
}
.edit-plankTypes-form[data-v-ec969c0f] {
  padding: 25px 0px;
  gap: 50px;
  min-width: min(100%, 800px);
  width: min(100%, 1200px);
}
.edit-plankTypes-form-display[data-v-ec969c0f] {
  border-radius: 4px;
  outline: 3px solid #E3E6E9;
  outline-offset: -1px;
  height: 29px;
  align-self: center;
}
.plankTypeblock-container[data-v-ec969c0f] {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.plankTypeblock[data-v-ec969c0f] {
  flex: 0 0 33.33333%;
  height: 400px;
  margin-bottom: 0px;
}
.plankTypeblock-card[data-v-ec969c0f] {
  position: relative;
  margin: 0px auto;
  border: 3px solid #E3E6E9;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  border-radius: 4px;
}
.plankTypeblock-card img[data-v-ec969c0f] {
  width: 95%;
  display: block;
  margin: 0px auto;
  margin-top: 10px;
  max-height: 65%;
  min-height: 65%;
  object-fit: contain;
}
.plankTypeblock-card input[data-v-ec969c0f], .plankTypeblock-card select[data-v-ec969c0f] {
  width: 95%;
  margin-top: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.addButton[data-v-ec969c0f] {
  position: relative;
  background-color: #E3E6E9;
  outline: 3px solid rgba(0, 0, 0, 0);
  -webkit-transition: outline-color 0.15s ease-out;
  -moz-transition: outline-color 0.15s ease-out;
  -o-transition: outline-color 0.15s ease-out;
  transition: outline-color 0.15s ease-out;
}
.addButton-icon[data-v-ec969c0f] {
  margin-top: 77.5px;
  display: block;
}
.addButton[data-v-ec969c0f]:hover {
  outline: 3px solid #babc16;
  cursor: pointer;
}
.fileInput[data-v-ec969c0f] {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  margin-top: 0px !important;
  left: 0px;
  opacity: 0%;
  z-index: 10;
  cursor: pointer;
}
.delete[data-v-ec969c0f] {
  background-color: #b71c1c;
  color: white;
  font-size: 0.95rem;
  margin-top: 10px;
  border-radius: 4px;
  padding: 4px 20px;
  border: none;
  cursor: pointer;
}
.changeImageContainer[data-v-ec969c0f] {
  position: absolute;
  background-color: rgba(70, 70, 70, 0.5);
  width: 100px;
  height: 100px;
  border-radius: 50px;
  top: calc((65% - 100px) / 2);
  left: calc(50% - 50px);
  cursor: pointer !important;
}
.changeImageContainer-icon[data-v-ec969c0f] {
  position: relative;
  display: block;
  color: #ffffff;
  margin-top: 12.5px;
}
input[type=file][data-v-ec969c0f]::-webkit-file-upload-button { /* chromes and blink button */
  cursor: pointer;
}
.sticky-header[data-v-ec969c0f] {
  position: sticky;
  top: 0;
  z-index: 100;
  margin-bottom: 20px;
  padding: 15px 20px;
  background: white;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sticky-header h1[data-v-ec969c0f] {
  margin: 0;
  text-align: left;
  flex: 1;
}
.sticky-header-button[data-v-ec969c0f] {
  flex-shrink: 0;
  margin-left: 20px;
}p[data-v-a6fdacc1] {
  max-width: 75ch;
}
.checkbox[data-v-a6fdacc1] {
  opacity: 0;
  display: none;
}
.checkbox-label[data-v-a6fdacc1] {
  background-color: white;
  border: 2px solid #4A5568;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
  border-radius: 4px;
  position: relative;
  margin: 0px;
  height: 18px;
  width: 18px;
  transition: background-color 100ms ease;
  cursor: pointer;
}
.checkbox-label-icon[data-v-a6fdacc1] {
  color: white;
  margin-left: 1px;
  margin-bottom: 2px;
  transition: color 100ms ease;
}
.checkbox-label-icon-active[data-v-a6fdacc1] {
  color: #babc16;
}
.checkbox:checked + .checkbox-label[data-v-a6fdacc1] {
  background-color: #4A5568;
}
.compact-form[data-v-a6fdacc1] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.compact-form-field[data-v-a6fdacc1] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.compact-form-field-label[data-v-a6fdacc1] {
  font-size: 0.8rem;
  font-weight: 500;
  min-width: 150px;
  text-align: left;
  padding-right: 10px;
}
.compact-form-field-copy[data-v-a6fdacc1] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-copy[data-v-a6fdacc1]:hover {
  background-color: #babc16;
}
.compact-form-field-input[data-v-a6fdacc1] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 2px 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.8rem;
  border: none;
  background-color: #E3E6E9;
}
.compact-form-field-input[data-v-a6fdacc1]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.compact-form-field-options[data-v-a6fdacc1] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-options-header[data-v-a6fdacc1] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-options-row[data-v-a6fdacc1] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-options-edit-row[data-v-a6fdacc1] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-boolean[data-v-a6fdacc1] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-boolean-row[data-v-a6fdacc1] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  justify-items: center;
  gap: 5px;
}
.compact-form-field-boolean-row-item[data-v-a6fdacc1] {
  display: flex;
  gap: 15px;
}
.compact-form-field-boolean-row-item span[data-v-a6fdacc1] {
  font-size: 0.85rem;
  font-weight: 500;
  text-align: left;
}
.compact-form-field-colors[data-v-a6fdacc1] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-colors-header[data-v-a6fdacc1] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-colors-row[data-v-a6fdacc1] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-colors-edit-row[data-v-a6fdacc1] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes[data-v-a6fdacc1] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-glastypes-header[data-v-a6fdacc1] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-glastypes-row[data-v-a6fdacc1] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes-edit-row[data-v-a6fdacc1] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-button[data-v-a6fdacc1] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-button[data-v-a6fdacc1]:hover {
  background-color: #babc16;
}
.compact-form-button[data-v-a6fdacc1] {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.default-form[data-v-a6fdacc1] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.default-form-field[data-v-a6fdacc1] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.default-form-field-label[data-v-a6fdacc1] {
  font-size: 1.1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-input[data-v-a6fdacc1] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.95rem;
  border: none;
  background-color: #E3E6E9;
}
.default-form-field-input[data-v-a6fdacc1]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.default-form-field-options[data-v-a6fdacc1] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-options-header[data-v-a6fdacc1] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-options-row[data-v-a6fdacc1] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-options-edit-row[data-v-a6fdacc1] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors[data-v-a6fdacc1] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-colors-header[data-v-a6fdacc1] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-colors-row[data-v-a6fdacc1] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors-edit-row[data-v-a6fdacc1] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes[data-v-a6fdacc1] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-glastypes-header[data-v-a6fdacc1] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-glastypes-row[data-v-a6fdacc1] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes-edit-row[data-v-a6fdacc1] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings[data-v-a6fdacc1], .default-form-field-uisettings[data-v-a6fdacc1] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-infoboxsettings-header[data-v-a6fdacc1], .default-form-field-uisettings-header[data-v-a6fdacc1] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-infoboxsettings-row[data-v-a6fdacc1], .default-form-field-uisettings-row[data-v-a6fdacc1] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(4, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings-edit-row[data-v-a6fdacc1], .default-form-field-uisettings-edit-row[data-v-a6fdacc1] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 75px repeat(3, 1fr) 100px 100px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types[data-v-a6fdacc1] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-types-header[data-v-a6fdacc1] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-types-row[data-v-a6fdacc1] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row[data-v-a6fdacc1] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row-order[data-v-a6fdacc1] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr 30px 30px 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.default-form-field-button[data-v-a6fdacc1] {
  display: flex;
  height: 30px;
  width: 30px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.default-form-field-button[data-v-a6fdacc1]:hover {
  background-color: #babc16;
}
.default-form-button[data-v-a6fdacc1] {
  display: flex;
  justify-content: center;
}
.spacer[data-v-a6fdacc1] {
  flex: 1;
}
.edit[data-v-a6fdacc1] {
  display: flex;
  flex-direction: column;
  padding: 25px;
  align-items: center;
  min-width: min(100%, 800px);
}
.edit-form[data-v-a6fdacc1] {
  padding: 25px 0px;
  gap: 50px;
  min-width: min(100%, 800px);
}
.sticky-header[data-v-a6fdacc1] {
  position: sticky;
  top: 0;
  z-index: 100;
  margin-bottom: 20px;
  padding: 15px 20px;
  background: white;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sticky-header h1[data-v-a6fdacc1] {
  margin: 0;
  text-align: left;
  flex: 1;
}
.sticky-header-button[data-v-a6fdacc1] {
  flex-shrink: 0;
  margin-left: 20px;
}p[data-v-090693d0] {
  max-width: 75ch;
}
.checkbox[data-v-090693d0] {
  opacity: 0;
  display: none;
}
.checkbox-label[data-v-090693d0] {
  background-color: white;
  border: 2px solid #4A5568;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
  border-radius: 4px;
  position: relative;
  margin: 0px;
  height: 18px;
  width: 18px;
  transition: background-color 100ms ease;
  cursor: pointer;
}
.checkbox-label-icon[data-v-090693d0] {
  color: white;
  margin-left: 1px;
  margin-bottom: 2px;
  transition: color 100ms ease;
}
.checkbox-label-icon-active[data-v-090693d0] {
  color: #babc16;
}
.checkbox:checked + .checkbox-label[data-v-090693d0] {
  background-color: #4A5568;
}
.compact-form[data-v-090693d0] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.compact-form-field[data-v-090693d0] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.compact-form-field-label[data-v-090693d0] {
  font-size: 0.8rem;
  font-weight: 500;
  min-width: 150px;
  text-align: left;
  padding-right: 10px;
}
.compact-form-field-copy[data-v-090693d0] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-copy[data-v-090693d0]:hover {
  background-color: #babc16;
}
.compact-form-field-input[data-v-090693d0] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 2px 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.8rem;
  border: none;
  background-color: #E3E6E9;
}
.compact-form-field-input[data-v-090693d0]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.compact-form-field-options[data-v-090693d0] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-options-header[data-v-090693d0] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-options-row[data-v-090693d0] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-options-edit-row[data-v-090693d0] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-boolean[data-v-090693d0] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-boolean-row[data-v-090693d0] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  justify-items: center;
  gap: 5px;
}
.compact-form-field-boolean-row-item[data-v-090693d0] {
  display: flex;
  gap: 15px;
}
.compact-form-field-boolean-row-item span[data-v-090693d0] {
  font-size: 0.85rem;
  font-weight: 500;
  text-align: left;
}
.compact-form-field-colors[data-v-090693d0] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-colors-header[data-v-090693d0] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-colors-row[data-v-090693d0] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-colors-edit-row[data-v-090693d0] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes[data-v-090693d0] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-glastypes-header[data-v-090693d0] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-glastypes-row[data-v-090693d0] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes-edit-row[data-v-090693d0] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-button[data-v-090693d0] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-button[data-v-090693d0]:hover {
  background-color: #babc16;
}
.compact-form-button[data-v-090693d0] {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.default-form[data-v-090693d0] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.default-form-field[data-v-090693d0] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.default-form-field-label[data-v-090693d0] {
  font-size: 1.1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-input[data-v-090693d0] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.95rem;
  border: none;
  background-color: #E3E6E9;
}
.default-form-field-input[data-v-090693d0]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.default-form-field-options[data-v-090693d0] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-options-header[data-v-090693d0] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-options-row[data-v-090693d0] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-options-edit-row[data-v-090693d0] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors[data-v-090693d0] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-colors-header[data-v-090693d0] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-colors-row[data-v-090693d0] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors-edit-row[data-v-090693d0] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes[data-v-090693d0] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-glastypes-header[data-v-090693d0] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-glastypes-row[data-v-090693d0] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes-edit-row[data-v-090693d0] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings[data-v-090693d0], .default-form-field-uisettings[data-v-090693d0] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-infoboxsettings-header[data-v-090693d0], .default-form-field-uisettings-header[data-v-090693d0] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-infoboxsettings-row[data-v-090693d0], .default-form-field-uisettings-row[data-v-090693d0] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(4, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings-edit-row[data-v-090693d0], .default-form-field-uisettings-edit-row[data-v-090693d0] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 75px repeat(3, 1fr) 100px 100px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types[data-v-090693d0] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-types-header[data-v-090693d0] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-types-row[data-v-090693d0] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row[data-v-090693d0] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row-order[data-v-090693d0] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr 30px 30px 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.default-form-field-button[data-v-090693d0] {
  display: flex;
  height: 30px;
  width: 30px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.default-form-field-button[data-v-090693d0]:hover {
  background-color: #babc16;
}
.default-form-button[data-v-090693d0] {
  display: flex;
  justify-content: center;
}
.spacer[data-v-090693d0] {
  flex: 1;
}
.edit[data-v-090693d0] {
  display: flex;
  flex-direction: column;
  padding: 25px;
  align-items: center;
  min-width: min(100%, 800px);
}
.edit-form[data-v-090693d0] {
  padding: 25px 0px;
  gap: 50px;
  min-width: min(100%, 800px);
  max-width: min(100%, 800px);
}
.overview[data-v-090693d0] {
  display: flex;
  padding: 25px;
  justify-content: center;
}
.overview-list[data-v-090693d0] {
  display: flex;
  flex-direction: column;
  gap: 15px;
  min-width: min(100%, 800px);
  max-width: min(100%, 800px);
}
.overview-list-section[data-v-090693d0] {
  display: flex;
  text-decoration: none;
  min-width: 100%;
  color: black;
}
.overview-list-section-card[data-v-090693d0] {
  text-align: left;
  min-width: calc(100% - 30px);
  padding: 10px 15px;
  border-radius: 8px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
  background-color: white;
  transition: background-color 125ms ease;
}
.overview-list-section-card[data-v-090693d0]:hover {
  background-color: hsla(0, 0%, 0%, 0.08);
}
.overview-list-section-card-main-title[data-v-090693d0] {
  margin: 0px;
}
.overview-list-section-card-main-description[data-v-090693d0] {
  font-weight: 500;
  display: inline-block;
  margin-top: 10px;
}
.overview-list-section-card-main-admin[data-v-090693d0] {
  font-weight: 500;
  margin-left: 10px;
}
.overview-list-section-card-backup[data-v-090693d0] {
  cursor: pointer;
  text-align: left;
  min-width: calc(100% - 30px);
  padding: 10px 15px;
  border-radius: 8px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
  background-color: white;
  transition: background-color 125ms ease;
}
.overview-list-section-card-backup[data-v-090693d0]:hover {
  background-color: #babc16;
}
.overview-list-section-card-backup-text[data-v-090693d0] {
  margin-top: 6px;
  margin-bottom: 6px;
}
.checkbox-label-manage[data-v-090693d0] {
  display: inline-block;
}
.checkbox-label-manage span[data-v-090693d0] {
  margin-top: -3px;
  display: block;
}
.adminbox[data-v-090693d0] {
  margin-top: 10px;
}
.machtiging[data-v-090693d0] {
  display: inline-block;
  padding: 5px;
  padding-right: 20px;
}
.button[data-v-090693d0] {
  display: inline-block;
  align-content: center;
  justify-content: center;
  border-radius: 4px;
  background-color: #babc16;
  color: #4A5568;
  border: none;
  padding: 5px 12px;
  font-size: 0.95rem;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 100ms ease, color 100ms ease;
}
.button[data-v-090693d0]:disabled {
  background-color: #E3E6E9;
  cursor: default;
}
.button-loading[data-v-090693d0] {
  background-color: #4A5568;
}
.database-migration-text[data-v-090693d0] {
  display: inline-block;
  margin-right: 10px;
  font-size: 0.95rem;
  font-weight: 500;
}
.confirmation[data-v-090693d0] {
  position: fixed;
  width: 100%;
  height: calc(100% + 85px);
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.5333333333);
  top: -85px;
}
.modal[data-v-090693d0] {
  width: 450px;
  margin: 0px auto;
  margin-top: calc(50vh - 100px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  padding: 20px;
  gap: 25px;
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  background-color: white;
}
.modal-message[data-v-090693d0] {
  width: 400px;
  font-size: 1.3rem;
  padding: 10px 10px;
}
@media screen and (max-width: 850px) {
.modal-message[data-v-090693d0] {
    width: 250px;
}
}
.modal-actions[data-v-090693d0] {
  display: flex;
  gap: 25px;
}
.modal-actions-confirm[data-v-090693d0] {
  background-color: #babc16;
  border: none;
  color: white;
  font-weight: bold;
  padding: 10px 20px;
  font-size: 1rem;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  transition: background-color 150ms ease;
}
.modal-actions-confirm[data-v-090693d0]:hover {
  background-color: #babc16;
}
.modal-actions-cancel[data-v-090693d0] {
  background-color: #dd2727;
  border: none;
  color: white;
  font-weight: bold;
  padding: 10px 20px;
  font-size: 1rem;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  transition: background-color 150ms ease;
}
.modal-actions-cancel[data-v-090693d0]:hover {
  background-color: #dd2727;
}
.selected-backup[data-v-090693d0] {
  background-color: #babc16;
}
.backup-list[data-v-090693d0] {
  border: 1px solid black;
  padding: 10px;
  overflow-y: scroll;
  max-height: 500px;
  height: 400px;
  margin-top: -10px;
}
.backup-list-header[data-v-090693d0] {
  border: 1px solid black;
  border-bottom: none;
  padding-left: 25px;
}
.backup-list-footer[data-v-090693d0] {
  border: 1px solid black;
  border-top: none;
  padding-left: 10px;
  margin-top: -10px;
  padding-bottom: 10px;
  padding-top: 10px;
}p[data-v-690037c2] {
  max-width: 75ch;
}
.checkbox[data-v-690037c2] {
  opacity: 0;
  display: none;
}
.checkbox-label[data-v-690037c2] {
  background-color: white;
  border: 2px solid #4A5568;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
  border-radius: 4px;
  position: relative;
  margin: 0px;
  height: 18px;
  width: 18px;
  transition: background-color 100ms ease;
  cursor: pointer;
}
.checkbox-label-icon[data-v-690037c2] {
  color: white;
  margin-left: 1px;
  margin-bottom: 2px;
  transition: color 100ms ease;
}
.checkbox-label-icon-active[data-v-690037c2] {
  color: #babc16;
}
.checkbox:checked + .checkbox-label[data-v-690037c2] {
  background-color: #4A5568;
}
.compact-form[data-v-690037c2] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.compact-form-field[data-v-690037c2] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.compact-form-field-label[data-v-690037c2] {
  font-size: 0.8rem;
  font-weight: 500;
  min-width: 150px;
  text-align: left;
  padding-right: 10px;
}
.compact-form-field-copy[data-v-690037c2] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-copy[data-v-690037c2]:hover {
  background-color: #babc16;
}
.compact-form-field-input[data-v-690037c2] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 2px 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.8rem;
  border: none;
  background-color: #E3E6E9;
}
.compact-form-field-input[data-v-690037c2]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.compact-form-field-options[data-v-690037c2] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-options-header[data-v-690037c2] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-options-row[data-v-690037c2] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-options-edit-row[data-v-690037c2] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-boolean[data-v-690037c2] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-boolean-row[data-v-690037c2] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  justify-items: center;
  gap: 5px;
}
.compact-form-field-boolean-row-item[data-v-690037c2] {
  display: flex;
  gap: 15px;
}
.compact-form-field-boolean-row-item span[data-v-690037c2] {
  font-size: 0.85rem;
  font-weight: 500;
  text-align: left;
}
.compact-form-field-colors[data-v-690037c2] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-colors-header[data-v-690037c2] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-colors-row[data-v-690037c2] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-colors-edit-row[data-v-690037c2] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes[data-v-690037c2] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-glastypes-header[data-v-690037c2] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-glastypes-row[data-v-690037c2] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes-edit-row[data-v-690037c2] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-button[data-v-690037c2] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-button[data-v-690037c2]:hover {
  background-color: #babc16;
}
.compact-form-button[data-v-690037c2] {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.default-form[data-v-690037c2] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.default-form-field[data-v-690037c2] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.default-form-field-label[data-v-690037c2] {
  font-size: 1.1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-input[data-v-690037c2] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.95rem;
  border: none;
  background-color: #E3E6E9;
}
.default-form-field-input[data-v-690037c2]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.default-form-field-options[data-v-690037c2] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-options-header[data-v-690037c2] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-options-row[data-v-690037c2] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-options-edit-row[data-v-690037c2] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors[data-v-690037c2] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-colors-header[data-v-690037c2] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-colors-row[data-v-690037c2] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors-edit-row[data-v-690037c2] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes[data-v-690037c2] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-glastypes-header[data-v-690037c2] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-glastypes-row[data-v-690037c2] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes-edit-row[data-v-690037c2] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings[data-v-690037c2], .default-form-field-uisettings[data-v-690037c2] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-infoboxsettings-header[data-v-690037c2], .default-form-field-uisettings-header[data-v-690037c2] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-infoboxsettings-row[data-v-690037c2], .default-form-field-uisettings-row[data-v-690037c2] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(4, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings-edit-row[data-v-690037c2], .default-form-field-uisettings-edit-row[data-v-690037c2] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 75px repeat(3, 1fr) 100px 100px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types[data-v-690037c2] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-types-header[data-v-690037c2] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-types-row[data-v-690037c2] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row[data-v-690037c2] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row-order[data-v-690037c2] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr 30px 30px 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.default-form-field-button[data-v-690037c2] {
  display: flex;
  height: 30px;
  width: 30px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.default-form-field-button[data-v-690037c2]:hover {
  background-color: #babc16;
}
.default-form-button[data-v-690037c2] {
  display: flex;
  justify-content: center;
}
.spacer[data-v-690037c2] {
  flex: 1;
}
.edit-glastypes[data-v-690037c2] {
  display: flex;
  flex-direction: column;
  padding: 25px;
  align-items: center;
  min-width: min(100%, 800px);
}
.edit-glastypes-form[data-v-690037c2] {
  padding: 25px 0px;
  gap: 50px;
  min-width: min(100%, 800px);
}
.edit-glastypes-form-display[data-v-690037c2] {
  border-radius: 4px;
  outline: 3px solid #E3E6E9;
  outline-offset: -1px;
  height: 29px;
  align-self: center;
}
.sticky-header[data-v-690037c2] {
  position: sticky;
  top: 0;
  z-index: 100;
  margin-bottom: 20px;
  padding: 15px 20px;
  background: white;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sticky-header h1[data-v-690037c2] {
  margin: 0;
  text-align: left;
  flex: 1;
}
.sticky-header-button[data-v-690037c2] {
  flex-shrink: 0;
  margin-left: 20px;
}p[data-v-bb5e7e0e] {
  max-width: 75ch;
}
.checkbox[data-v-bb5e7e0e] {
  opacity: 0;
  display: none;
}
.checkbox-label[data-v-bb5e7e0e] {
  background-color: white;
  border: 2px solid #4A5568;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
  border-radius: 4px;
  position: relative;
  margin: 0px;
  height: 18px;
  width: 18px;
  transition: background-color 100ms ease;
  cursor: pointer;
}
.checkbox-label-icon[data-v-bb5e7e0e] {
  color: white;
  margin-left: 1px;
  margin-bottom: 2px;
  transition: color 100ms ease;
}
.checkbox-label-icon-active[data-v-bb5e7e0e] {
  color: #babc16;
}
.checkbox:checked + .checkbox-label[data-v-bb5e7e0e] {
  background-color: #4A5568;
}
.compact-form[data-v-bb5e7e0e] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.compact-form-field[data-v-bb5e7e0e] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.compact-form-field-label[data-v-bb5e7e0e] {
  font-size: 0.8rem;
  font-weight: 500;
  min-width: 150px;
  text-align: left;
  padding-right: 10px;
}
.compact-form-field-copy[data-v-bb5e7e0e] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-copy[data-v-bb5e7e0e]:hover {
  background-color: #babc16;
}
.compact-form-field-input[data-v-bb5e7e0e] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 2px 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.8rem;
  border: none;
  background-color: #E3E6E9;
}
.compact-form-field-input[data-v-bb5e7e0e]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.compact-form-field-options[data-v-bb5e7e0e] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-options-header[data-v-bb5e7e0e] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-options-row[data-v-bb5e7e0e] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-options-edit-row[data-v-bb5e7e0e] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-boolean[data-v-bb5e7e0e] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-boolean-row[data-v-bb5e7e0e] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  justify-items: center;
  gap: 5px;
}
.compact-form-field-boolean-row-item[data-v-bb5e7e0e] {
  display: flex;
  gap: 15px;
}
.compact-form-field-boolean-row-item span[data-v-bb5e7e0e] {
  font-size: 0.85rem;
  font-weight: 500;
  text-align: left;
}
.compact-form-field-colors[data-v-bb5e7e0e] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-colors-header[data-v-bb5e7e0e] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-colors-row[data-v-bb5e7e0e] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-colors-edit-row[data-v-bb5e7e0e] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes[data-v-bb5e7e0e] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-glastypes-header[data-v-bb5e7e0e] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-glastypes-row[data-v-bb5e7e0e] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes-edit-row[data-v-bb5e7e0e] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-button[data-v-bb5e7e0e] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-button[data-v-bb5e7e0e]:hover {
  background-color: #babc16;
}
.compact-form-button[data-v-bb5e7e0e] {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.default-form[data-v-bb5e7e0e] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.default-form-field[data-v-bb5e7e0e] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.default-form-field-label[data-v-bb5e7e0e] {
  font-size: 1.1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-input[data-v-bb5e7e0e] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.95rem;
  border: none;
  background-color: #E3E6E9;
}
.default-form-field-input[data-v-bb5e7e0e]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.default-form-field-options[data-v-bb5e7e0e] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-options-header[data-v-bb5e7e0e] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-options-row[data-v-bb5e7e0e] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-options-edit-row[data-v-bb5e7e0e] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors[data-v-bb5e7e0e] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-colors-header[data-v-bb5e7e0e] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-colors-row[data-v-bb5e7e0e] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors-edit-row[data-v-bb5e7e0e] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes[data-v-bb5e7e0e] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-glastypes-header[data-v-bb5e7e0e] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-glastypes-row[data-v-bb5e7e0e] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes-edit-row[data-v-bb5e7e0e] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings[data-v-bb5e7e0e], .default-form-field-uisettings[data-v-bb5e7e0e] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-infoboxsettings-header[data-v-bb5e7e0e], .default-form-field-uisettings-header[data-v-bb5e7e0e] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-infoboxsettings-row[data-v-bb5e7e0e], .default-form-field-uisettings-row[data-v-bb5e7e0e] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(4, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings-edit-row[data-v-bb5e7e0e], .default-form-field-uisettings-edit-row[data-v-bb5e7e0e] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 75px repeat(3, 1fr) 100px 100px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types[data-v-bb5e7e0e] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-types-header[data-v-bb5e7e0e] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-types-row[data-v-bb5e7e0e] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row[data-v-bb5e7e0e] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row-order[data-v-bb5e7e0e] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr 30px 30px 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.default-form-field-button[data-v-bb5e7e0e] {
  display: flex;
  height: 30px;
  width: 30px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.default-form-field-button[data-v-bb5e7e0e]:hover {
  background-color: #babc16;
}
.default-form-button[data-v-bb5e7e0e] {
  display: flex;
  justify-content: center;
}
.spacer[data-v-bb5e7e0e] {
  flex: 1;
}
.edit-isotypes[data-v-bb5e7e0e] {
  display: flex;
  flex-direction: column;
  padding: 25px;
  align-items: center;
  min-width: min(100%, 800px);
}
.edit-isotypes-form[data-v-bb5e7e0e] {
  padding: 25px 0px;
  gap: 50px;
  min-width: min(100%, 800px);
}
.edit-isotypes-form-display[data-v-bb5e7e0e] {
  border-radius: 4px;
  outline: 3px solid #E3E6E9;
  outline-offset: -1px;
  height: 29px;
  align-self: center;
}
.sticky-header[data-v-bb5e7e0e] {
  position: sticky;
  top: 0;
  z-index: 100;
  margin-bottom: 20px;
  padding: 15px 20px;
  background: white;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sticky-header h1[data-v-bb5e7e0e] {
  margin: 0;
  text-align: left;
  flex: 1;
}
.sticky-header-button[data-v-bb5e7e0e] {
  flex-shrink: 0;
  margin-left: 20px;
}p[data-v-6a68fbe0] {
  max-width: 75ch;
}
.checkbox[data-v-6a68fbe0] {
  opacity: 0;
  display: none;
}
.checkbox-label[data-v-6a68fbe0] {
  background-color: white;
  border: 2px solid #4A5568;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
  border-radius: 4px;
  position: relative;
  margin: 0px;
  height: 18px;
  width: 18px;
  transition: background-color 100ms ease;
  cursor: pointer;
}
.checkbox-label-icon[data-v-6a68fbe0] {
  color: white;
  margin-left: 1px;
  margin-bottom: 2px;
  transition: color 100ms ease;
}
.checkbox-label-icon-active[data-v-6a68fbe0] {
  color: #babc16;
}
.checkbox:checked + .checkbox-label[data-v-6a68fbe0] {
  background-color: #4A5568;
}
.compact-form[data-v-6a68fbe0] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.compact-form-field[data-v-6a68fbe0] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.compact-form-field-label[data-v-6a68fbe0] {
  font-size: 0.8rem;
  font-weight: 500;
  min-width: 150px;
  text-align: left;
  padding-right: 10px;
}
.compact-form-field-copy[data-v-6a68fbe0] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-copy[data-v-6a68fbe0]:hover {
  background-color: #babc16;
}
.compact-form-field-input[data-v-6a68fbe0] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 2px 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.8rem;
  border: none;
  background-color: #E3E6E9;
}
.compact-form-field-input[data-v-6a68fbe0]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.compact-form-field-options[data-v-6a68fbe0] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-options-header[data-v-6a68fbe0] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-options-row[data-v-6a68fbe0] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-options-edit-row[data-v-6a68fbe0] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-boolean[data-v-6a68fbe0] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-boolean-row[data-v-6a68fbe0] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  justify-items: center;
  gap: 5px;
}
.compact-form-field-boolean-row-item[data-v-6a68fbe0] {
  display: flex;
  gap: 15px;
}
.compact-form-field-boolean-row-item span[data-v-6a68fbe0] {
  font-size: 0.85rem;
  font-weight: 500;
  text-align: left;
}
.compact-form-field-colors[data-v-6a68fbe0] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-colors-header[data-v-6a68fbe0] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-colors-row[data-v-6a68fbe0] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-colors-edit-row[data-v-6a68fbe0] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes[data-v-6a68fbe0] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-glastypes-header[data-v-6a68fbe0] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-glastypes-row[data-v-6a68fbe0] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes-edit-row[data-v-6a68fbe0] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-button[data-v-6a68fbe0] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-button[data-v-6a68fbe0]:hover {
  background-color: #babc16;
}
.compact-form-button[data-v-6a68fbe0] {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.default-form[data-v-6a68fbe0] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.default-form-field[data-v-6a68fbe0] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.default-form-field-label[data-v-6a68fbe0] {
  font-size: 1.1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-input[data-v-6a68fbe0] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.95rem;
  border: none;
  background-color: #E3E6E9;
}
.default-form-field-input[data-v-6a68fbe0]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.default-form-field-options[data-v-6a68fbe0] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-options-header[data-v-6a68fbe0] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-options-row[data-v-6a68fbe0] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-options-edit-row[data-v-6a68fbe0] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors[data-v-6a68fbe0] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-colors-header[data-v-6a68fbe0] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-colors-row[data-v-6a68fbe0] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors-edit-row[data-v-6a68fbe0] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes[data-v-6a68fbe0] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-glastypes-header[data-v-6a68fbe0] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-glastypes-row[data-v-6a68fbe0] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes-edit-row[data-v-6a68fbe0] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings[data-v-6a68fbe0], .default-form-field-uisettings[data-v-6a68fbe0] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-infoboxsettings-header[data-v-6a68fbe0], .default-form-field-uisettings-header[data-v-6a68fbe0] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-infoboxsettings-row[data-v-6a68fbe0], .default-form-field-uisettings-row[data-v-6a68fbe0] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(4, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings-edit-row[data-v-6a68fbe0], .default-form-field-uisettings-edit-row[data-v-6a68fbe0] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 75px repeat(3, 1fr) 100px 100px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types[data-v-6a68fbe0] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-types-header[data-v-6a68fbe0] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-types-row[data-v-6a68fbe0] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row[data-v-6a68fbe0] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row-order[data-v-6a68fbe0] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr 30px 30px 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.default-form-field-button[data-v-6a68fbe0] {
  display: flex;
  height: 30px;
  width: 30px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.default-form-field-button[data-v-6a68fbe0]:hover {
  background-color: #babc16;
}
.default-form-button[data-v-6a68fbe0] {
  display: flex;
  justify-content: center;
}
.spacer[data-v-6a68fbe0] {
  flex: 1;
}
.edit[data-v-6a68fbe0] {
  display: flex;
  flex-direction: column;
  padding: 25px;
  align-items: center;
  min-width: min(100%, 800px);
}
.edit-form[data-v-6a68fbe0] {
  padding: 25px 0px;
  gap: 50px;
  width: 90%;
}
.row[data-v-6a68fbe0] {
  display: flex;
  flex-wrap: wrap; /* Allow items to wrap if needed */
  width: 100%; /* Adjust as necessary */
}
.row-header[data-v-6a68fbe0] {
  padding-left: 5px;
  justify-content: left !important;
}
.item[data-v-6a68fbe0] {
  flex: 1; /* Default flex property for other items */
  width: 0px;
  box-sizing: border-box; /* Include padding and border in width */
  display: flex;
  align-items: center;
}
.item[data-v-6a68fbe0]:nth-child(2) {
  flex: 0 0 100px; /* Fixed width of 70px */
}
.item[data-v-6a68fbe0]:nth-child(5) {
  flex: 0 0 300px; /* Fixed width of 70px */
}
.item[data-v-6a68fbe0]:nth-child(6) {
  flex: 0 0 150px; /* Fixed width of 70px */
}
.item[data-v-6a68fbe0]:nth-child(7) {
  flex: 0 0 150px; /* Fixed width of 70px */
}
.item[data-v-6a68fbe0]:nth-child(8) {
  flex: 0 0 300px; /* Fixed width of 100px */
}
.item[data-v-6a68fbe0]:nth-child(9) {
  flex: 0 0 60px; /* Fixed width of 30px */
}
.item[data-v-6a68fbe0]:nth-child(10) {
  flex: 0 0 30px; /* Fixed width of 30px */
}p[data-v-f4fec7f9] {
  max-width: 75ch;
}
.checkbox[data-v-f4fec7f9] {
  opacity: 0;
  display: none;
}
.checkbox-label[data-v-f4fec7f9] {
  background-color: white;
  border: 2px solid #4A5568;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
  border-radius: 4px;
  position: relative;
  margin: 0px;
  height: 18px;
  width: 18px;
  transition: background-color 100ms ease;
  cursor: pointer;
}
.checkbox-label-icon[data-v-f4fec7f9] {
  color: white;
  margin-left: 1px;
  margin-bottom: 2px;
  transition: color 100ms ease;
}
.checkbox-label-icon-active[data-v-f4fec7f9] {
  color: #babc16;
}
.checkbox:checked + .checkbox-label[data-v-f4fec7f9] {
  background-color: #4A5568;
}
.compact-form[data-v-f4fec7f9] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.compact-form-field[data-v-f4fec7f9] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.compact-form-field-label[data-v-f4fec7f9] {
  font-size: 0.8rem;
  font-weight: 500;
  min-width: 150px;
  text-align: left;
  padding-right: 10px;
}
.compact-form-field-copy[data-v-f4fec7f9] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-copy[data-v-f4fec7f9]:hover {
  background-color: #babc16;
}
.compact-form-field-input[data-v-f4fec7f9] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 2px 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.8rem;
  border: none;
  background-color: #E3E6E9;
}
.compact-form-field-input[data-v-f4fec7f9]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.compact-form-field-options[data-v-f4fec7f9] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-options-header[data-v-f4fec7f9] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-options-row[data-v-f4fec7f9] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-options-edit-row[data-v-f4fec7f9] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-boolean[data-v-f4fec7f9] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-boolean-row[data-v-f4fec7f9] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  justify-items: center;
  gap: 5px;
}
.compact-form-field-boolean-row-item[data-v-f4fec7f9] {
  display: flex;
  gap: 15px;
}
.compact-form-field-boolean-row-item span[data-v-f4fec7f9] {
  font-size: 0.85rem;
  font-weight: 500;
  text-align: left;
}
.compact-form-field-colors[data-v-f4fec7f9] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-colors-header[data-v-f4fec7f9] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-colors-row[data-v-f4fec7f9] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-colors-edit-row[data-v-f4fec7f9] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes[data-v-f4fec7f9] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-glastypes-header[data-v-f4fec7f9] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-glastypes-row[data-v-f4fec7f9] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes-edit-row[data-v-f4fec7f9] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-button[data-v-f4fec7f9] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-button[data-v-f4fec7f9]:hover {
  background-color: #babc16;
}
.compact-form-button[data-v-f4fec7f9] {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.default-form[data-v-f4fec7f9] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.default-form-field[data-v-f4fec7f9] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.default-form-field-label[data-v-f4fec7f9] {
  font-size: 1.1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-input[data-v-f4fec7f9] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.95rem;
  border: none;
  background-color: #E3E6E9;
}
.default-form-field-input[data-v-f4fec7f9]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.default-form-field-options[data-v-f4fec7f9] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-options-header[data-v-f4fec7f9] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-options-row[data-v-f4fec7f9] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-options-edit-row[data-v-f4fec7f9] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors[data-v-f4fec7f9] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-colors-header[data-v-f4fec7f9] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-colors-row[data-v-f4fec7f9] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors-edit-row[data-v-f4fec7f9] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes[data-v-f4fec7f9] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-glastypes-header[data-v-f4fec7f9] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-glastypes-row[data-v-f4fec7f9] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes-edit-row[data-v-f4fec7f9] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings[data-v-f4fec7f9], .default-form-field-uisettings[data-v-f4fec7f9] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-infoboxsettings-header[data-v-f4fec7f9], .default-form-field-uisettings-header[data-v-f4fec7f9] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-infoboxsettings-row[data-v-f4fec7f9], .default-form-field-uisettings-row[data-v-f4fec7f9] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(4, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings-edit-row[data-v-f4fec7f9], .default-form-field-uisettings-edit-row[data-v-f4fec7f9] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 75px repeat(3, 1fr) 100px 100px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types[data-v-f4fec7f9] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-types-header[data-v-f4fec7f9] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-types-row[data-v-f4fec7f9] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row[data-v-f4fec7f9] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row-order[data-v-f4fec7f9] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr 30px 30px 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.default-form-field-button[data-v-f4fec7f9] {
  display: flex;
  height: 30px;
  width: 30px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.default-form-field-button[data-v-f4fec7f9]:hover {
  background-color: #babc16;
}
.default-form-button[data-v-f4fec7f9] {
  display: flex;
  justify-content: center;
}
.spacer[data-v-f4fec7f9] {
  flex: 1;
}
input[data-v-f4fec7f9] {
  height: 1.5rem;
}
.uploadmodal[data-v-f4fec7f9] {
  position: fixed;
  z-index: 999;
  top: 20%;
  left: 50%;
  width: 600px;
  margin-left: -300px;
  height: 60vh;
  background-color: white;
  padding: 30px;
  border-radius: 8px;
  box-shadow: 0 4px 16px grey;
}
.uploadmodal .modalsection[data-v-f4fec7f9] {
  display: flex;
  flex-direction: row;
}
.fullcover[data-v-f4fec7f9] {
  position: fixed;
  z-index: 998;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
}
.close-modal-button[data-v-f4fec7f9] {
  margin-left: 3rem;
  height: 2.4rem;
}
.preview-image[data-v-f4fec7f9] {
  width: 75%;
  display: block;
  margin: 0px auto;
  margin-top: 10px;
  max-height: 50%;
  height: 50%;
  object-fit: contain;
}
.hints[data-v-f4fec7f9] {
  font-size: small;
  margin: 10px 0px 0px 10px;
}
.add-image-button[data-v-f4fec7f9] {
  border-radius: 4px;
  background-color: #babc16;
  color: #4A5568;
  border: none;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
}
.cancel-add-image[data-v-f4fec7f9] {
  border-radius: 4px;
  background-color: #E3E6E9;
  color: #4A5568;
  border: none;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
}
.blocked-add-image[data-v-f4fec7f9] {
  border-radius: 4px;
  background-color: #f2f5f7;
  color: #4A5568;
  border: none;
  font-size: 1rem;
  font-weight: 600;
}
.edit-infoboxsettings[data-v-f4fec7f9] {
  display: flex;
  flex-direction: column;
  padding: 25px;
  align-items: center;
  min-width: min(100%, 800px);
}
.edit-infoboxsettings-form[data-v-f4fec7f9] {
  padding: 25px 0px;
  gap: 50px;
  min-width: min(100%, 800px);
}
.edit-infoboxsettings-form-display[data-v-f4fec7f9] {
  border-radius: 4px;
  outline: 3px solid #E3E6E9;
  outline-offset: -1px;
  height: 29px;
  align-self: center;
}
.sticky-header[data-v-f4fec7f9] {
  position: sticky;
  top: 0;
  z-index: 100;
  margin-bottom: 20px;
  padding: 15px 20px;
  background: white;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sticky-header h1[data-v-f4fec7f9] {
  margin: 0;
  text-align: left;
  flex: 1;
}
.sticky-header-button[data-v-f4fec7f9] {
  flex-shrink: 0;
  margin-left: 20px;
}p[data-v-0a1fb8a4] {
  max-width: 75ch;
}
.checkbox[data-v-0a1fb8a4] {
  opacity: 0;
  display: none;
}
.checkbox-label[data-v-0a1fb8a4] {
  background-color: white;
  border: 2px solid #4A5568;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
  border-radius: 4px;
  position: relative;
  margin: 0px;
  height: 18px;
  width: 18px;
  transition: background-color 100ms ease;
  cursor: pointer;
}
.checkbox-label-icon[data-v-0a1fb8a4] {
  color: white;
  margin-left: 1px;
  margin-bottom: 2px;
  transition: color 100ms ease;
}
.checkbox-label-icon-active[data-v-0a1fb8a4] {
  color: #babc16;
}
.checkbox:checked + .checkbox-label[data-v-0a1fb8a4] {
  background-color: #4A5568;
}
.compact-form[data-v-0a1fb8a4] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.compact-form-field[data-v-0a1fb8a4] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.compact-form-field-label[data-v-0a1fb8a4] {
  font-size: 0.8rem;
  font-weight: 500;
  min-width: 150px;
  text-align: left;
  padding-right: 10px;
}
.compact-form-field-copy[data-v-0a1fb8a4] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-copy[data-v-0a1fb8a4]:hover {
  background-color: #babc16;
}
.compact-form-field-input[data-v-0a1fb8a4] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 2px 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.8rem;
  border: none;
  background-color: #E3E6E9;
}
.compact-form-field-input[data-v-0a1fb8a4]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.compact-form-field-options[data-v-0a1fb8a4] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-options-header[data-v-0a1fb8a4] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-options-row[data-v-0a1fb8a4] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-options-edit-row[data-v-0a1fb8a4] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-boolean[data-v-0a1fb8a4] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-boolean-row[data-v-0a1fb8a4] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  justify-items: center;
  gap: 5px;
}
.compact-form-field-boolean-row-item[data-v-0a1fb8a4] {
  display: flex;
  gap: 15px;
}
.compact-form-field-boolean-row-item span[data-v-0a1fb8a4] {
  font-size: 0.85rem;
  font-weight: 500;
  text-align: left;
}
.compact-form-field-colors[data-v-0a1fb8a4] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-colors-header[data-v-0a1fb8a4] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-colors-row[data-v-0a1fb8a4] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-colors-edit-row[data-v-0a1fb8a4] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes[data-v-0a1fb8a4] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-glastypes-header[data-v-0a1fb8a4] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-glastypes-row[data-v-0a1fb8a4] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes-edit-row[data-v-0a1fb8a4] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-button[data-v-0a1fb8a4] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-button[data-v-0a1fb8a4]:hover {
  background-color: #babc16;
}
.compact-form-button[data-v-0a1fb8a4] {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.default-form[data-v-0a1fb8a4] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.default-form-field[data-v-0a1fb8a4] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.default-form-field-label[data-v-0a1fb8a4] {
  font-size: 1.1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-input[data-v-0a1fb8a4] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.95rem;
  border: none;
  background-color: #E3E6E9;
}
.default-form-field-input[data-v-0a1fb8a4]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.default-form-field-options[data-v-0a1fb8a4] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-options-header[data-v-0a1fb8a4] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-options-row[data-v-0a1fb8a4] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-options-edit-row[data-v-0a1fb8a4] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors[data-v-0a1fb8a4] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-colors-header[data-v-0a1fb8a4] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-colors-row[data-v-0a1fb8a4] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors-edit-row[data-v-0a1fb8a4] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes[data-v-0a1fb8a4] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-glastypes-header[data-v-0a1fb8a4] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-glastypes-row[data-v-0a1fb8a4] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes-edit-row[data-v-0a1fb8a4] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings[data-v-0a1fb8a4], .default-form-field-uisettings[data-v-0a1fb8a4] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-infoboxsettings-header[data-v-0a1fb8a4], .default-form-field-uisettings-header[data-v-0a1fb8a4] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-infoboxsettings-row[data-v-0a1fb8a4], .default-form-field-uisettings-row[data-v-0a1fb8a4] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(4, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings-edit-row[data-v-0a1fb8a4], .default-form-field-uisettings-edit-row[data-v-0a1fb8a4] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 75px repeat(3, 1fr) 100px 100px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types[data-v-0a1fb8a4] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-types-header[data-v-0a1fb8a4] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-types-row[data-v-0a1fb8a4] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row[data-v-0a1fb8a4] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row-order[data-v-0a1fb8a4] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr 30px 30px 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.default-form-field-button[data-v-0a1fb8a4] {
  display: flex;
  height: 30px;
  width: 30px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.default-form-field-button[data-v-0a1fb8a4]:hover {
  background-color: #babc16;
}
.default-form-button[data-v-0a1fb8a4] {
  display: flex;
  justify-content: center;
}
.spacer[data-v-0a1fb8a4] {
  flex: 1;
}
input[data-v-0a1fb8a4] {
  height: 1.5rem;
}
.uploadmodal[data-v-0a1fb8a4] {
  position: fixed;
  z-index: 999;
  top: 20%;
  left: 50%;
  width: 600px;
  margin-left: -300px;
  height: 60vh;
  background-color: white;
  padding: 30px;
  border-radius: 8px;
  box-shadow: 0 4px 16px grey;
}
.uploadmodal .modalsection[data-v-0a1fb8a4] {
  display: flex;
  flex-direction: row;
}
.fullcover[data-v-0a1fb8a4] {
  position: fixed;
  z-index: 998;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
}
.close-modal-button[data-v-0a1fb8a4] {
  margin-left: 3rem;
  height: 2.4rem;
}
.preview-image[data-v-0a1fb8a4] {
  width: 75%;
  display: block;
  margin: 0px auto;
  margin-top: 10px;
  max-height: 50%;
  height: 50%;
  object-fit: contain;
}
.hints[data-v-0a1fb8a4] {
  font-size: small;
  margin: 10px 0px 0px 10px;
}
.add-image-button[data-v-0a1fb8a4] {
  border-radius: 4px;
  background-color: #babc16;
  color: #4A5568;
  border: none;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
}
.cancel-add-image[data-v-0a1fb8a4] {
  border-radius: 4px;
  background-color: #E3E6E9;
  color: #4A5568;
  border: none;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
}
.blocked-add-image[data-v-0a1fb8a4] {
  border-radius: 4px;
  background-color: #f2f5f7;
  color: #4A5568;
  border: none;
  font-size: 1rem;
  font-weight: 600;
}
.edit-uisettings[data-v-0a1fb8a4] {
  display: flex;
  flex-direction: column;
  padding: 25px;
  align-items: center;
  min-width: min(100%, 800px);
}
.edit-uisettings-form[data-v-0a1fb8a4] {
  padding: 25px 0px;
  gap: 25px;
  min-width: min(100%, 800px);
}
.edit-uisettings-form-display[data-v-0a1fb8a4] {
  border-radius: 4px;
  outline: 3px solid #E3E6E9;
  outline-offset: -1px;
  height: 29px;
  align-self: center;
}
.default-form-field-uisettings-edit-row[data-v-0a1fb8a4] {
  grid-template-columns: 500px repeat(3, 1fr) 100px 100px;
}
.sub[data-v-0a1fb8a4] {
  margin: 10px 10px 10px 100px;
  grid-template-columns: 400px repeat(3, 1fr) 100px 100px;
}
.sticky-header[data-v-0a1fb8a4] {
  position: sticky;
  top: 0;
  z-index: 100;
  margin-bottom: 20px;
  padding: 15px 20px;
  background: white;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sticky-header h1[data-v-0a1fb8a4] {
  margin: 0;
  text-align: left;
  flex: 1;
}
.sticky-header-button[data-v-0a1fb8a4] {
  flex-shrink: 0;
  margin-left: 20px;
}p[data-v-b84f468c] {
  max-width: 75ch;
}
.checkbox[data-v-b84f468c] {
  opacity: 0;
  display: none;
}
.checkbox-label[data-v-b84f468c] {
  background-color: white;
  border: 2px solid #4A5568;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
  border-radius: 4px;
  position: relative;
  margin: 0px;
  height: 18px;
  width: 18px;
  transition: background-color 100ms ease;
  cursor: pointer;
}
.checkbox-label-icon[data-v-b84f468c] {
  color: white;
  margin-left: 1px;
  margin-bottom: 2px;
  transition: color 100ms ease;
}
.checkbox-label-icon-active[data-v-b84f468c] {
  color: #babc16;
}
.checkbox:checked + .checkbox-label[data-v-b84f468c] {
  background-color: #4A5568;
}
.compact-form[data-v-b84f468c] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.compact-form-field[data-v-b84f468c] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.compact-form-field-label[data-v-b84f468c] {
  font-size: 0.8rem;
  font-weight: 500;
  min-width: 150px;
  text-align: left;
  padding-right: 10px;
}
.compact-form-field-copy[data-v-b84f468c] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-copy[data-v-b84f468c]:hover {
  background-color: #babc16;
}
.compact-form-field-input[data-v-b84f468c] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 2px 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.8rem;
  border: none;
  background-color: #E3E6E9;
}
.compact-form-field-input[data-v-b84f468c]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.compact-form-field-options[data-v-b84f468c] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-options-header[data-v-b84f468c] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-options-row[data-v-b84f468c] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-options-edit-row[data-v-b84f468c] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-boolean[data-v-b84f468c] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-boolean-row[data-v-b84f468c] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  justify-items: center;
  gap: 5px;
}
.compact-form-field-boolean-row-item[data-v-b84f468c] {
  display: flex;
  gap: 15px;
}
.compact-form-field-boolean-row-item span[data-v-b84f468c] {
  font-size: 0.85rem;
  font-weight: 500;
  text-align: left;
}
.compact-form-field-colors[data-v-b84f468c] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-colors-header[data-v-b84f468c] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-colors-row[data-v-b84f468c] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-colors-edit-row[data-v-b84f468c] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes[data-v-b84f468c] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-glastypes-header[data-v-b84f468c] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-glastypes-row[data-v-b84f468c] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes-edit-row[data-v-b84f468c] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-button[data-v-b84f468c] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-button[data-v-b84f468c]:hover {
  background-color: #babc16;
}
.compact-form-button[data-v-b84f468c] {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.default-form[data-v-b84f468c] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.default-form-field[data-v-b84f468c] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.default-form-field-label[data-v-b84f468c] {
  font-size: 1.1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-input[data-v-b84f468c] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.95rem;
  border: none;
  background-color: #E3E6E9;
}
.default-form-field-input[data-v-b84f468c]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.default-form-field-options[data-v-b84f468c] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-options-header[data-v-b84f468c] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-options-row[data-v-b84f468c] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-options-edit-row[data-v-b84f468c] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors[data-v-b84f468c] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-colors-header[data-v-b84f468c] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-colors-row[data-v-b84f468c] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors-edit-row[data-v-b84f468c] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes[data-v-b84f468c] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-glastypes-header[data-v-b84f468c] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-glastypes-row[data-v-b84f468c] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes-edit-row[data-v-b84f468c] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings[data-v-b84f468c], .default-form-field-uisettings[data-v-b84f468c] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-infoboxsettings-header[data-v-b84f468c], .default-form-field-uisettings-header[data-v-b84f468c] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-infoboxsettings-row[data-v-b84f468c], .default-form-field-uisettings-row[data-v-b84f468c] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(4, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings-edit-row[data-v-b84f468c], .default-form-field-uisettings-edit-row[data-v-b84f468c] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 75px repeat(3, 1fr) 100px 100px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types[data-v-b84f468c] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-types-header[data-v-b84f468c] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-types-row[data-v-b84f468c] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row[data-v-b84f468c] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row-order[data-v-b84f468c] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr 30px 30px 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.default-form-field-button[data-v-b84f468c] {
  display: flex;
  height: 30px;
  width: 30px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.default-form-field-button[data-v-b84f468c]:hover {
  background-color: #babc16;
}
.default-form-button[data-v-b84f468c] {
  display: flex;
  justify-content: center;
}
.spacer[data-v-b84f468c] {
  flex: 1;
}
.models[data-v-b84f468c] {
  display: flex;
  padding: 25px;
  justify-content: center;
}
.models-list[data-v-b84f468c] {
  display: flex;
  flex-direction: column;
  width: min(100%, 800px);
  gap: 15px;
}
.models-list-new[data-v-b84f468c] {
  display: flex;
  flex-grow: 1;
  justify-content: center;
  padding: 25px;
}
.card[data-v-b84f468c] {
  display: flex;
  border-radius: 8px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
  background-color: white;
  overflow: hidden;
  gap: 15px;
  cursor: pointer;
  position: relative;
}
.card-image[data-v-b84f468c] {
  background-color: #E3E6E9;
  height: 96px;
  width: 96px;
  border-radius: 8px;
}
.card-image img[data-v-b84f468c] {
  object-fit: contain;
  max-height: 96px;
  max-width: 96px;
  min-height: 96px;
  min-width: 96px;
}
.card-info[data-v-b84f468c] {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  text-align: left;
}
.card-info h3[data-v-b84f468c] {
  margin: 0px;
}
.card[data-v-b84f468c]:hover {
  background-color: hsla(0, 0%, 0%, 0.08);
}
.link[data-v-b84f468c] {
  text-decoration: none;
  color: black;
}
.remove[data-v-b84f468c] {
  position: absolute;
  top: 5px;
  right: 5px;
  background-color: red;
  border: none;
  border-radius: 4px;
  color: white;
  padding: 5px;
  cursor: pointer;
}p[data-v-6629b074] {
  max-width: 75ch;
}
.checkbox[data-v-6629b074] {
  opacity: 0;
  display: none;
}
.checkbox-label[data-v-6629b074] {
  background-color: white;
  border: 2px solid #4A5568;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
  border-radius: 4px;
  position: relative;
  margin: 0px;
  height: 18px;
  width: 18px;
  transition: background-color 100ms ease;
  cursor: pointer;
}
.checkbox-label-icon[data-v-6629b074] {
  color: white;
  margin-left: 1px;
  margin-bottom: 2px;
  transition: color 100ms ease;
}
.checkbox-label-icon-active[data-v-6629b074] {
  color: #babc16;
}
.checkbox:checked + .checkbox-label[data-v-6629b074] {
  background-color: #4A5568;
}
.compact-form[data-v-6629b074] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.compact-form-field[data-v-6629b074] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.compact-form-field-label[data-v-6629b074] {
  font-size: 0.8rem;
  font-weight: 500;
  min-width: 150px;
  text-align: left;
  padding-right: 10px;
}
.compact-form-field-copy[data-v-6629b074] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-copy[data-v-6629b074]:hover {
  background-color: #babc16;
}
.compact-form-field-input[data-v-6629b074] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 2px 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.8rem;
  border: none;
  background-color: #E3E6E9;
}
.compact-form-field-input[data-v-6629b074]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.compact-form-field-options[data-v-6629b074] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-options-header[data-v-6629b074] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-options-row[data-v-6629b074] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-options-edit-row[data-v-6629b074] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-boolean[data-v-6629b074] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-boolean-row[data-v-6629b074] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  justify-items: center;
  gap: 5px;
}
.compact-form-field-boolean-row-item[data-v-6629b074] {
  display: flex;
  gap: 15px;
}
.compact-form-field-boolean-row-item span[data-v-6629b074] {
  font-size: 0.85rem;
  font-weight: 500;
  text-align: left;
}
.compact-form-field-colors[data-v-6629b074] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-colors-header[data-v-6629b074] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-colors-row[data-v-6629b074] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-colors-edit-row[data-v-6629b074] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes[data-v-6629b074] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-glastypes-header[data-v-6629b074] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-glastypes-row[data-v-6629b074] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes-edit-row[data-v-6629b074] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-button[data-v-6629b074] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-button[data-v-6629b074]:hover {
  background-color: #babc16;
}
.compact-form-button[data-v-6629b074] {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.default-form[data-v-6629b074] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.default-form-field[data-v-6629b074] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.default-form-field-label[data-v-6629b074] {
  font-size: 1.1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-input[data-v-6629b074] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.95rem;
  border: none;
  background-color: #E3E6E9;
}
.default-form-field-input[data-v-6629b074]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.default-form-field-options[data-v-6629b074] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-options-header[data-v-6629b074] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-options-row[data-v-6629b074] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-options-edit-row[data-v-6629b074] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors[data-v-6629b074] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-colors-header[data-v-6629b074] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-colors-row[data-v-6629b074] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors-edit-row[data-v-6629b074] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes[data-v-6629b074] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-glastypes-header[data-v-6629b074] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-glastypes-row[data-v-6629b074] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes-edit-row[data-v-6629b074] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings[data-v-6629b074], .default-form-field-uisettings[data-v-6629b074] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-infoboxsettings-header[data-v-6629b074], .default-form-field-uisettings-header[data-v-6629b074] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-infoboxsettings-row[data-v-6629b074], .default-form-field-uisettings-row[data-v-6629b074] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(4, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings-edit-row[data-v-6629b074], .default-form-field-uisettings-edit-row[data-v-6629b074] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 75px repeat(3, 1fr) 100px 100px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types[data-v-6629b074] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-types-header[data-v-6629b074] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-types-row[data-v-6629b074] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row[data-v-6629b074] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row-order[data-v-6629b074] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr 30px 30px 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.default-form-field-button[data-v-6629b074] {
  display: flex;
  height: 30px;
  width: 30px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.default-form-field-button[data-v-6629b074]:hover {
  background-color: #babc16;
}
.default-form-button[data-v-6629b074] {
  display: flex;
  justify-content: center;
}
.spacer[data-v-6629b074] {
  flex: 1;
}
.edit[data-v-6629b074] {
  display: flex;
  flex-direction: column;
  padding: 25px;
  align-items: center;
  min-width: min(100%, 800px);
}
.edit-form[data-v-6629b074] {
  padding: 25px 0px;
  min-width: min(100%, 800px);
  max-width: min(100%, 800px);
}
input[data-v-6629b074]::-webkit-outer-spin-button,
input[data-v-6629b074]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number][data-v-6629b074] {
  -moz-appearance: textfield;
}
.data-block h2[data-v-6629b074] {
  text-align: left;
  margin: 8px 0px;
  font-weight: 600;
  font-size: 1.4rem;
}
.data-block .default-form-field[data-v-6629b074] {
  margin-bottom: 12px;
}
.data-block .default-form-field-label[data-v-6629b074] {
  min-width: 320px;
}
.data-block-inset[data-v-6629b074] {
  margin-left: 20px;
  margin-bottom: 24px;
}
.data-block-inset .default-form-field-label[data-v-6629b074] {
  min-width: 300px;
}
.spacer[data-v-6629b074] {
  margin-bottom: 24px !important;
}
.artikelnummer-select[data-v-6629b074] {
  width: calc(100% - 42px);
  display: inline-block;
  margin: 0px;
  vertical-align: top;
}
.artikelnummer-add[data-v-6629b074] {
  display: inline-block;
  padding: 0px;
  margin: 0px;
  vertical-align: top;
  margin-left: 12px;
}
.artikelnummer-item[data-v-6629b074] {
  width: calc(100% - 178px);
  display: inline-block;
  margin: 0px;
  vertical-align: top;
  text-align: left;
}
.artikelnummer-button[data-v-6629b074] {
  display: inline-block;
  padding: 0px;
  margin: 0px;
  vertical-align: top;
  margin-left: 12px;
}
.artikelnummer-row[data-v-6629b074] {
  margin-bottom: 12px;
}
.imageContainer[data-v-6629b074] {
  width: 300px;
  height: 300px;
  position: relative;
  border: 3px solid #E3E6E9;
}
.imageContainer-image[data-v-6629b074] {
  width: 100%;
  height: 100%;
  object-fit: contain;
  outline: none;
}
.imageContainer-button[data-v-6629b074] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 10;
}
.imageContainer-icon[data-v-6629b074] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.imageContainer-delete[data-v-6629b074] {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #E3E6E9;
  padding: 5px;
  cursor: pointer;
  z-index: 100;
}p {
  max-width: 75ch;
}
.checkbox {
  opacity: 0;
  display: none;
}
.checkbox-label {
  background-color: white;
  border: 2px solid #4A5568;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
  border-radius: 4px;
  position: relative;
  margin: 0px;
  height: 18px;
  width: 18px;
  transition: background-color 100ms ease;
  cursor: pointer;
}
.checkbox-label-icon {
  color: white;
  margin-left: 1px;
  margin-bottom: 2px;
  transition: color 100ms ease;
}
.checkbox-label-icon-active {
  color: #babc16;
}
.checkbox:checked + .checkbox-label {
  background-color: #4A5568;
}
.compact-form {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.compact-form-field {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.compact-form-field-label {
  font-size: 0.8rem;
  font-weight: 500;
  min-width: 150px;
  text-align: left;
  padding-right: 10px;
}
.compact-form-field-copy {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-copy:hover {
  background-color: #babc16;
}
.compact-form-field-input {
  flex-grow: 1;
  border-radius: 4px;
  padding: 2px 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.8rem;
  border: none;
  background-color: #E3E6E9;
}
.compact-form-field-input:focus {
  border: none;
  outline: 3px solid #babc16;
}
.compact-form-field-options {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-options-header {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-options-row {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-options-edit-row {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-boolean {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-boolean-row {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  justify-items: center;
  gap: 5px;
}
.compact-form-field-boolean-row-item {
  display: flex;
  gap: 15px;
}
.compact-form-field-boolean-row-item span {
  font-size: 0.85rem;
  font-weight: 500;
  text-align: left;
}
.compact-form-field-colors {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-colors-header {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-colors-row {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-colors-edit-row {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-glastypes-header {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-glastypes-row {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes-edit-row {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-button {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-button:hover {
  background-color: #babc16;
}
.compact-form-button {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.default-form {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.default-form-field {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.default-form-field-label {
  font-size: 1.1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-input {
  flex-grow: 1;
  border-radius: 4px;
  padding: 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.95rem;
  border: none;
  background-color: #E3E6E9;
}
.default-form-field-input:focus {
  border: none;
  outline: 3px solid #babc16;
}
.default-form-field-options {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-options-header {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-options-row {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-options-edit-row {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-colors-header {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-colors-row {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors-edit-row {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-glastypes-header {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-glastypes-row {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes-edit-row {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings, .default-form-field-uisettings {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-infoboxsettings-header, .default-form-field-uisettings-header {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-infoboxsettings-row, .default-form-field-uisettings-row {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(4, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings-edit-row, .default-form-field-uisettings-edit-row {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 75px repeat(3, 1fr) 100px 100px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-types-header {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-types-row {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row-order {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr 30px 30px 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.default-form-field-button {
  display: flex;
  height: 30px;
  width: 30px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.default-form-field-button:hover {
  background-color: #babc16;
}
.default-form-button {
  display: flex;
  justify-content: center;
}
.spacer {
  flex: 1;
}
.left {
  position: absolute;
  left: 0;
  object-fit: cover;
  width: 50vw;
  height: 100vh;
}
@media only screen and (max-width: 1000px) {
.left {
    width: 100vw;
}
}
.right {
  position: absolute;
  right: 0;
  width: 50vw;
  height: 100vh;
  background-color: #97aab9;
}
@media only screen and (max-width: 1000px) {
.right {
    width: 100vw;
    background: none;
}
}
.right .dialog {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  background-color: #f7fafc;
  border-radius: 10px;
}
.right .dialog .title {
  border-radius: 10px 10px 0px 0px;
  margin: 0;
  background-color: white;
  padding: 30px 60px;
  color: #5a5a5a;
  font-size: 1.5rem;
  font-weight: 600;
}
.right .dialog .description {
  margin-top: 30px;
  margin-bottom: 15px;
  color: #a0aecb;
}
.right .dialog button {
  margin-bottom: 30px;
  padding: 10px 20px;
  border-radius: 25px;
  color: white;
  background-color: #68d391;
  border: none;
}
.right .dialog button:hover {
  background-color: #59b67d;
  cursor: pointer;
}p[data-v-b506c49b] {
  max-width: 75ch;
}
.checkbox[data-v-b506c49b] {
  opacity: 0;
  display: none;
}
.checkbox-label[data-v-b506c49b] {
  background-color: white;
  border: 2px solid #4A5568;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
  border-radius: 4px;
  position: relative;
  margin: 0px;
  height: 18px;
  width: 18px;
  transition: background-color 100ms ease;
  cursor: pointer;
}
.checkbox-label-icon[data-v-b506c49b] {
  color: white;
  margin-left: 1px;
  margin-bottom: 2px;
  transition: color 100ms ease;
}
.checkbox-label-icon-active[data-v-b506c49b] {
  color: #babc16;
}
.checkbox:checked + .checkbox-label[data-v-b506c49b] {
  background-color: #4A5568;
}
.compact-form[data-v-b506c49b] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.compact-form-field[data-v-b506c49b] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.compact-form-field-label[data-v-b506c49b] {
  font-size: 0.8rem;
  font-weight: 500;
  min-width: 150px;
  text-align: left;
  padding-right: 10px;
}
.compact-form-field-copy[data-v-b506c49b] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-copy[data-v-b506c49b]:hover {
  background-color: #babc16;
}
.compact-form-field-input[data-v-b506c49b] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 2px 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.8rem;
  border: none;
  background-color: #E3E6E9;
}
.compact-form-field-input[data-v-b506c49b]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.compact-form-field-options[data-v-b506c49b] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-options-header[data-v-b506c49b] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-options-row[data-v-b506c49b] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-options-edit-row[data-v-b506c49b] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-boolean[data-v-b506c49b] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-boolean-row[data-v-b506c49b] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  justify-items: center;
  gap: 5px;
}
.compact-form-field-boolean-row-item[data-v-b506c49b] {
  display: flex;
  gap: 15px;
}
.compact-form-field-boolean-row-item span[data-v-b506c49b] {
  font-size: 0.85rem;
  font-weight: 500;
  text-align: left;
}
.compact-form-field-colors[data-v-b506c49b] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-colors-header[data-v-b506c49b] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-colors-row[data-v-b506c49b] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-colors-edit-row[data-v-b506c49b] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes[data-v-b506c49b] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-glastypes-header[data-v-b506c49b] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-glastypes-row[data-v-b506c49b] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes-edit-row[data-v-b506c49b] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-button[data-v-b506c49b] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-button[data-v-b506c49b]:hover {
  background-color: #babc16;
}
.compact-form-button[data-v-b506c49b] {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.default-form[data-v-b506c49b] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.default-form-field[data-v-b506c49b] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.default-form-field-label[data-v-b506c49b] {
  font-size: 1.1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-input[data-v-b506c49b] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.95rem;
  border: none;
  background-color: #E3E6E9;
}
.default-form-field-input[data-v-b506c49b]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.default-form-field-options[data-v-b506c49b] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-options-header[data-v-b506c49b] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-options-row[data-v-b506c49b] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-options-edit-row[data-v-b506c49b] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors[data-v-b506c49b] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-colors-header[data-v-b506c49b] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-colors-row[data-v-b506c49b] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors-edit-row[data-v-b506c49b] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes[data-v-b506c49b] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-glastypes-header[data-v-b506c49b] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-glastypes-row[data-v-b506c49b] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes-edit-row[data-v-b506c49b] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings[data-v-b506c49b], .default-form-field-uisettings[data-v-b506c49b] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-infoboxsettings-header[data-v-b506c49b], .default-form-field-uisettings-header[data-v-b506c49b] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-infoboxsettings-row[data-v-b506c49b], .default-form-field-uisettings-row[data-v-b506c49b] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(4, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings-edit-row[data-v-b506c49b], .default-form-field-uisettings-edit-row[data-v-b506c49b] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 75px repeat(3, 1fr) 100px 100px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types[data-v-b506c49b] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-types-header[data-v-b506c49b] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-types-row[data-v-b506c49b] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row[data-v-b506c49b] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row-order[data-v-b506c49b] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr 30px 30px 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.default-form-field-button[data-v-b506c49b] {
  display: flex;
  height: 30px;
  width: 30px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.default-form-field-button[data-v-b506c49b]:hover {
  background-color: #babc16;
}
.default-form-button[data-v-b506c49b] {
  display: flex;
  justify-content: center;
}
.spacer[data-v-b506c49b] {
  flex: 1;
}
.invite[data-v-b506c49b] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
.invite-card[data-v-b506c49b] {
  display: flex;
  padding: 25px;
  margin: 15px;
  border-radius: 8px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.invite-card-title[data-v-b506c49b] {
  font-weight: 600;
  margin: 0px;
}
.invite-card-info[data-v-b506c49b] {
  text-align: start;
  font-weight: 500;
}p[data-v-274e1e39] {
  max-width: 75ch;
}
.checkbox[data-v-274e1e39] {
  opacity: 0;
  display: none;
}
.checkbox-label[data-v-274e1e39] {
  background-color: white;
  border: 2px solid #4A5568;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
  border-radius: 4px;
  position: relative;
  margin: 0px;
  height: 18px;
  width: 18px;
  transition: background-color 100ms ease;
  cursor: pointer;
}
.checkbox-label-icon[data-v-274e1e39] {
  color: white;
  margin-left: 1px;
  margin-bottom: 2px;
  transition: color 100ms ease;
}
.checkbox-label-icon-active[data-v-274e1e39] {
  color: #babc16;
}
.checkbox:checked + .checkbox-label[data-v-274e1e39] {
  background-color: #4A5568;
}
.compact-form[data-v-274e1e39] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.compact-form-field[data-v-274e1e39] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.compact-form-field-label[data-v-274e1e39] {
  font-size: 0.8rem;
  font-weight: 500;
  min-width: 150px;
  text-align: left;
  padding-right: 10px;
}
.compact-form-field-copy[data-v-274e1e39] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-copy[data-v-274e1e39]:hover {
  background-color: #babc16;
}
.compact-form-field-input[data-v-274e1e39] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 2px 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.8rem;
  border: none;
  background-color: #E3E6E9;
}
.compact-form-field-input[data-v-274e1e39]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.compact-form-field-options[data-v-274e1e39] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-options-header[data-v-274e1e39] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-options-row[data-v-274e1e39] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-options-edit-row[data-v-274e1e39] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-boolean[data-v-274e1e39] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-boolean-row[data-v-274e1e39] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  justify-items: center;
  gap: 5px;
}
.compact-form-field-boolean-row-item[data-v-274e1e39] {
  display: flex;
  gap: 15px;
}
.compact-form-field-boolean-row-item span[data-v-274e1e39] {
  font-size: 0.85rem;
  font-weight: 500;
  text-align: left;
}
.compact-form-field-colors[data-v-274e1e39] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-colors-header[data-v-274e1e39] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-colors-row[data-v-274e1e39] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-colors-edit-row[data-v-274e1e39] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes[data-v-274e1e39] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-glastypes-header[data-v-274e1e39] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-glastypes-row[data-v-274e1e39] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes-edit-row[data-v-274e1e39] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-button[data-v-274e1e39] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-button[data-v-274e1e39]:hover {
  background-color: #babc16;
}
.compact-form-button[data-v-274e1e39] {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.default-form[data-v-274e1e39] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.default-form-field[data-v-274e1e39] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.default-form-field-label[data-v-274e1e39] {
  font-size: 1.1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-input[data-v-274e1e39] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.95rem;
  border: none;
  background-color: #E3E6E9;
}
.default-form-field-input[data-v-274e1e39]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.default-form-field-options[data-v-274e1e39] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-options-header[data-v-274e1e39] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-options-row[data-v-274e1e39] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-options-edit-row[data-v-274e1e39] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors[data-v-274e1e39] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-colors-header[data-v-274e1e39] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-colors-row[data-v-274e1e39] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors-edit-row[data-v-274e1e39] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes[data-v-274e1e39] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-glastypes-header[data-v-274e1e39] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-glastypes-row[data-v-274e1e39] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes-edit-row[data-v-274e1e39] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings[data-v-274e1e39], .default-form-field-uisettings[data-v-274e1e39] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-infoboxsettings-header[data-v-274e1e39], .default-form-field-uisettings-header[data-v-274e1e39] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-infoboxsettings-row[data-v-274e1e39], .default-form-field-uisettings-row[data-v-274e1e39] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(4, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings-edit-row[data-v-274e1e39], .default-form-field-uisettings-edit-row[data-v-274e1e39] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 75px repeat(3, 1fr) 100px 100px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types[data-v-274e1e39] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-types-header[data-v-274e1e39] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-types-row[data-v-274e1e39] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row[data-v-274e1e39] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row-order[data-v-274e1e39] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr 30px 30px 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.default-form-field-button[data-v-274e1e39] {
  display: flex;
  height: 30px;
  width: 30px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.default-form-field-button[data-v-274e1e39]:hover {
  background-color: #babc16;
}
.default-form-button[data-v-274e1e39] {
  display: flex;
  justify-content: center;
}
.spacer[data-v-274e1e39] {
  flex: 1;
}
.default-form-field-label[data-v-274e1e39] {
  min-width: 160px;
}
.create[data-v-274e1e39] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
.create-card[data-v-274e1e39] {
  display: flex;
  padding: 25px;
  margin: 15px;
  border-radius: 8px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.create-card-title[data-v-274e1e39] {
  font-weight: 600;
  margin: 0px;
}
.create-card-info[data-v-274e1e39] {
  text-align: start;
  font-weight: 500;
}p[data-v-e8b2c098] {
  max-width: 75ch;
}
.checkbox[data-v-e8b2c098] {
  opacity: 0;
  display: none;
}
.checkbox-label[data-v-e8b2c098] {
  background-color: white;
  border: 2px solid #4A5568;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
  border-radius: 4px;
  position: relative;
  margin: 0px;
  height: 18px;
  width: 18px;
  transition: background-color 100ms ease;
  cursor: pointer;
}
.checkbox-label-icon[data-v-e8b2c098] {
  color: white;
  margin-left: 1px;
  margin-bottom: 2px;
  transition: color 100ms ease;
}
.checkbox-label-icon-active[data-v-e8b2c098] {
  color: #babc16;
}
.checkbox:checked + .checkbox-label[data-v-e8b2c098] {
  background-color: #4A5568;
}
.compact-form[data-v-e8b2c098] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.compact-form-field[data-v-e8b2c098] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.compact-form-field-label[data-v-e8b2c098] {
  font-size: 0.8rem;
  font-weight: 500;
  min-width: 150px;
  text-align: left;
  padding-right: 10px;
}
.compact-form-field-copy[data-v-e8b2c098] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-copy[data-v-e8b2c098]:hover {
  background-color: #babc16;
}
.compact-form-field-input[data-v-e8b2c098] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 2px 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.8rem;
  border: none;
  background-color: #E3E6E9;
}
.compact-form-field-input[data-v-e8b2c098]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.compact-form-field-options[data-v-e8b2c098] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-options-header[data-v-e8b2c098] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-options-row[data-v-e8b2c098] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-options-edit-row[data-v-e8b2c098] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-boolean[data-v-e8b2c098] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-boolean-row[data-v-e8b2c098] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  justify-items: center;
  gap: 5px;
}
.compact-form-field-boolean-row-item[data-v-e8b2c098] {
  display: flex;
  gap: 15px;
}
.compact-form-field-boolean-row-item span[data-v-e8b2c098] {
  font-size: 0.85rem;
  font-weight: 500;
  text-align: left;
}
.compact-form-field-colors[data-v-e8b2c098] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-colors-header[data-v-e8b2c098] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-colors-row[data-v-e8b2c098] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-colors-edit-row[data-v-e8b2c098] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes[data-v-e8b2c098] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.compact-form-field-glastypes-header[data-v-e8b2c098] {
  font-size: 0.85rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.compact-form-field-glastypes-row[data-v-e8b2c098] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-glastypes-edit-row[data-v-e8b2c098] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.compact-form-field-button[data-v-e8b2c098] {
  display: flex;
  height: 22px;
  width: 22px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.compact-form-field-button[data-v-e8b2c098]:hover {
  background-color: #babc16;
}
.compact-form-button[data-v-e8b2c098] {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.default-form[data-v-e8b2c098] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.default-form-field[data-v-e8b2c098] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.default-form-field-label[data-v-e8b2c098] {
  font-size: 1.1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-input[data-v-e8b2c098] {
  flex-grow: 1;
  border-radius: 4px;
  padding: 5px;
  margin: 0px;
  font-weight: 500;
  font-size: 0.95rem;
  border: none;
  background-color: #E3E6E9;
}
.default-form-field-input[data-v-e8b2c098]:focus {
  border: none;
  outline: 3px solid #babc16;
}
.default-form-field-options[data-v-e8b2c098] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-options-header[data-v-e8b2c098] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-options-row[data-v-e8b2c098] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-options-edit-row[data-v-e8b2c098] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors[data-v-e8b2c098] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-colors-header[data-v-e8b2c098] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-colors-row[data-v-e8b2c098] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-colors-edit-row[data-v-e8b2c098] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes[data-v-e8b2c098] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-glastypes-header[data-v-e8b2c098] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-glastypes-row[data-v-e8b2c098] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-glastypes-edit-row[data-v-e8b2c098] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings[data-v-e8b2c098], .default-form-field-uisettings[data-v-e8b2c098] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-infoboxsettings-header[data-v-e8b2c098], .default-form-field-uisettings-header[data-v-e8b2c098] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-infoboxsettings-row[data-v-e8b2c098], .default-form-field-uisettings-row[data-v-e8b2c098] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(4, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-infoboxsettings-edit-row[data-v-e8b2c098], .default-form-field-uisettings-edit-row[data-v-e8b2c098] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 75px repeat(3, 1fr) 100px 100px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types[data-v-e8b2c098] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
}
.default-form-field-types-header[data-v-e8b2c098] {
  font-size: 1rem;
  font-weight: 500;
  min-width: 100px;
  text-align: left;
}
.default-form-field-types-row[data-v-e8b2c098] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr);
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row[data-v-e8b2c098] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(1, 1fr) 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 10px;
}
.default-form-field-types-edit-row-order[data-v-e8b2c098] {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr 30px 30px 30px;
  justify-items: stretch;
  justify-content: center;
  gap: 5px;
}
.default-form-field-button[data-v-e8b2c098] {
  display: flex;
  height: 30px;
  width: 30px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #E3E6E9;
  cursor: pointer;
  color: #4A5568;
  transition: background-color 100ms ease;
}
.default-form-field-button[data-v-e8b2c098]:hover {
  background-color: #babc16;
}
.default-form-button[data-v-e8b2c098] {
  display: flex;
  justify-content: center;
}
.spacer[data-v-e8b2c098] {
  flex: 1;
}
.default-form-field-label[data-v-e8b2c098] {
  min-width: 120px;
}
.default-form-field-input[data-v-e8b2c098] {
  min-width: 250px;
}
.login[data-v-e8b2c098] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
.login-card[data-v-e8b2c098] {
  display: flex;
  padding: 25px;
  margin: 15px;
  border-radius: 8px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.login-card-title[data-v-e8b2c098] {
  font-weight: 600;
  margin: 0px;
  padding-bottom: 15px;
}