:host {
  display: block;
}

.attribute-input {
  display:flex;
  flex-direction: row;
  box-sizing: border-box;
  border: 1px solid #B6B6B6;
  border-radius: 3px;
  box-shadow: 0 0px 1px 0 rgb(0 0 0 / 34%);
  width: 422px;
  background-color: #FFFFFF;
}

.attribute-input:focus-within, .attribute-input.active {
  border-color: #1774E5;
}

.custom-text-input::part(input-element) {
  height: 37px;
  border: none;
  font-family: 'Source Sans Pro';
}

.remove-icon {
  align-self: center;
  margin-right: 8px;
}

uxpl-options-menu::part(options-picker) {
  left: 0px;
}
