.l-input-adornment {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--td-text-color-primary);
  font-size: var(--td-font-size-body-medium);
  font-family: var(--td-font-family);
  list-style: none;
  display: flex;
}
.l-input-adornment .l-input-adornment__prepend {
  background-color: var(--td-bg-color-secondarycontainer-hover);
  color: var(--td-text-color-primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--td-border-level-2-color);
  padding: 0 12px;
  border-right: 0;
  border-radius: var(--td-radius-default) 0 0 var(--td-radius-default);
}
.l-input-adornment .l-input-adornment__prepend .l-input__wrap,
.l-input-adornment .l-input-adornment__prepend .l-select__wrap {
  height: 100%;
}
.l-input-adornment .l-input-adornment__prepend .l-select__wrap {
  width: auto;
  margin: 0 -12px;
}
.l-input-adornment .l-input-adornment__prepend .l-input,
.l-input-adornment .l-input-adornment__prepend .l-select {
  height: 100%;
  line-height: 100%;
  background-color: transparent;
}
.l-input-adornment .l-input-adornment__append {
  background-color: var(--td-bg-color-secondarycontainer-hover);
  color: var(--td-text-color-primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--td-border-level-2-color);
  padding: 0 12px;
  border-left: 0;
  border-radius: 0 var(--td-radius-default) var(--td-radius-default) 0;
}
.l-input-adornment .l-input-adornment__append .l-input__wrap,
.l-input-adornment .l-input-adornment__append .l-select__wrap {
  height: 100%;
}
.l-input-adornment .l-input-adornment__append .l-select__wrap {
  width: auto;
  margin: 0 -12px;
}
.l-input-adornment .l-input-adornment__append .l-input,
.l-input-adornment .l-input-adornment__append .l-select {
  height: 100%;
  line-height: 100%;
  background-color: transparent;
}
.l-input-adornment--prepend .l-input,
.l-input-adornment--prepend .l-textarea__inner {
  border-radius: 0 var(--td-radius-default) var(--td-radius-default) 0;
}
.l-input-adornment--append .l-input,
.l-input-adornment--append .l-textarea__inner {
  border-radius: var(--td-radius-default) 0 0 var(--td-radius-default);
}
.l-input-adornment--prepend.l-input-adornment--append .l-input,
.l-input-adornment--prepend.l-input-adornment--append .l-textarea__inner {
  border-radius: 0;
}
