/* stylelint-disable */
/* stylelint-enable */
:host {
  --right-padding-default: calc(12rem * var(--voca-rem-multiplier));
  --right-padding-simple: calc(6.5rem * var(--voca-rem-multiplier));
  --right-padding-advanced: calc(12.1rem * var(--voca-rem-multiplier));
}

.telia-search-input {
  position: relative;
}
.telia-search-input__leading-icon {
  color: rgba(0, 0, 0, 0.6);
  position: absolute;
  bottom: calc((1.6rem * var(--voca-rem-multiplier)) - (0.2rem * var(--voca-rem-multiplier)));
  left: calc(0.8rem * var(--voca-rem-multiplier));
}
.telia-search-input--isDisabled .telia-search-input__leading-icon {
  color: rgba(0, 0, 0, 0.4);
}
.telia-search-input--hasInput .telia-search-input__leading-icon,
.telia-search-input--hasInput ~ .telia-search-input__leading-icon,
.telia-search-input telia-text-input:focus-within .telia-search-input__leading-icon,
.telia-search-input telia-text-input:focus-within ~ .telia-search-input__leading-icon {
  display: none;
}
.telia-search-input .telia-search-input__input input::placeholder {
  color: rgba(0, 0, 0, 0.6);
  opacity: 1;
}
.telia-search-input .telia-search-input__input input:disabled::placeholder {
  color: rgba(0, 0, 0, 0.4);
}
.telia-search-input--simple .telia-search-input__input input::placeholder, .telia-search-input--advanced .telia-search-input__input input::placeholder {
  padding-left: calc(2rem * var(--voca-rem-multiplier));
}
.telia-search-input .telia-text-input__input {
  height: calc(4.4rem * var(--voca-rem-multiplier));
  padding: calc((0.8rem * var(--voca-rem-multiplier)) + (0.2rem * var(--voca-rem-multiplier))) calc(0.8rem * var(--voca-rem-multiplier));
  margin-top: 0;
}
.telia-search-input .telia-text-input__input:hover {
  padding: calc((0.8rem * var(--voca-rem-multiplier)) + (0.2rem * var(--voca-rem-multiplier))) calc((0.8rem * var(--voca-rem-multiplier)) - (0.1rem * var(--voca-rem-multiplier)));
}
.telia-search-input .telia-text-input__input:focus, .telia-search-input .telia-text-input__input:disabled:hover {
  padding: calc((0.8rem * var(--voca-rem-multiplier)) + (0.2rem * var(--voca-rem-multiplier))) calc(0.8rem * var(--voca-rem-multiplier));
}
.telia-search-input .telia-text-input__input:focus-within::placeholder {
  padding-left: 0;
}
.telia-search-input--default .telia-text-input__input,
.telia-search-input--default .telia-text-input__input:hover,
.telia-search-input--default .telia-text-input__input:focus {
  padding-right: var(--right-padding-default, calc(10.5rem * var(--voca-rem-multiplier)));
}
.telia-search-input--simple .telia-text-input__input,
.telia-search-input--simple .telia-text-input__input:hover,
.telia-search-input--simple .telia-text-input__input:focus {
  padding-right: var(--right-padding-simple, calc(5.5rem * var(--voca-rem-multiplier)));
}
.telia-search-input--advanced .telia-text-input__input,
.telia-search-input--advanced .telia-text-input__input:hover,
.telia-search-input--advanced .telia-text-input__input:focus {
  padding-right: var(--right-padding-advanced, calc(13.5rem * var(--voca-rem-multiplier)));
}
.telia-search-input__button-wrapper {
  display: flex;
  position: absolute;
  bottom: 0;
  right: calc(0.8rem * var(--voca-rem-multiplier));
}
.telia-search-input__button-wrapper .telia-search-input__search-button:last-child:not(:only-child) {
  margin-left: calc(0.8rem * var(--voca-rem-multiplier));
}
.telia-search-input__button-wrapper .telia-button--text.telia-button--sm.telia-button--icon-only,
.telia-search-input__button-wrapper .telia-search-input__reset-input-button .telia-button--text.telia-button--sm {
  padding: calc((1.6rem * var(--voca-rem-multiplier)) - (0.2rem * var(--voca-rem-multiplier))) calc(1.6rem * var(--voca-rem-multiplier));
}
.telia-search-input--advanced .telia-search-input__button-wrapper .telia-search-input__search-button .telia-button.telia-button--text.telia-button--sm:not(.telia-button--icon-only) {
  padding: calc((1.6rem * var(--voca-rem-multiplier)) - (0.2rem * var(--voca-rem-multiplier))) 0;
}