.input-search{--search-lens-size:1.25rem;--search-clear-size:1.25rem;--search-confirm-size:1.25rem;position:relative}.input-search__wrapper{display:flex;position:relative}.input-search__input{min-height:calc(2*var(--di-border-width) + var(--di-font-size)*var(--di-line-height) + 2*var(--di-py));padding:var(--di-py)calc(var(--search-confirm-size) + var(--search-clear-size) + var(--di-px)/2 + var(--di-px))var(--di-py)calc(var(--search-lens-size) + var(--di-px)/2 + var(--di-px));border-width:var(--di-border-width);border-radius:var(--di-border-radius);border-style:solid;border-color:var(--di-border-color);background-color:var(--di-bg);color:var(--di-color);font-size:var(--di-font-size);line-height:var(--di-line-height);text-overflow:ellipsis;white-space:nowrap;flex:auto;width:100%;transition:border-color .3s,background-color .3s;overflow:hidden}.input-search__input:focus{--di-border-color:var(--di-border-color-active);outline:none}.input-search__input:disabled{border-color:var(--di-border-color-disabled);background-color:var(--di-bg-disabled);color:var(--di-color-disabled);cursor:not-allowed;pointer-events:none}.input-search__input:disabled::placeholder{color:var(--di-color-disabled)}.input-search__input::placeholder{color:var(--di-placeholder-color)}.input-search__icons{top:50%;right:var(--di-px);align-items:center;gap:calc(var(--di-px)/4);display:flex;position:absolute;transform:translateY(-50%)}.input-search__icons--left{right:unset;left:var(--di-px)}.input-search__lens,.input-search__clear,.input-search__confirm{color:var(--color-neutral-700);cursor:pointer;flex-grow:0;flex-shrink:0;transition:color .3s}.input-search__lens-icon,.input-search__clear-icon,.input-search__confirm-icon{width:100%;height:100%;display:inline-block;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.input-search__lens{width:var(--search-lens-size);height:var(--search-lens-size)}.input-search__lens.disabled{color:var(--di-border-color-disabled);cursor:not-allowed}.input-search__lens-icon{background-color:currentColor;-webkit-mask:url(/local/frontend-build/img/icons.0cea6777.svg#icon-lens-view) 50% no-repeat;mask:url(/local/frontend-build/img/icons.0cea6777.svg#icon-lens-view) 50% no-repeat}.input-search__clear{width:var(--search-clear-size);height:var(--search-clear-size)}.input-search__clear-icon{background-color:currentColor;-webkit-mask:url(/local/frontend-build/img/icons.0cea6777.svg#icon-close-view) 50% no-repeat;mask:url(/local/frontend-build/img/icons.0cea6777.svg#icon-close-view) 50% no-repeat}.input-search__confirm{width:var(--search-confirm-size);height:var(--search-confirm-size)}.input-search__confirm-icon{background-color:currentColor;-webkit-mask:url(/local/frontend-build/img/icons.0cea6777.svg#icon-arrow-right-view) 50% no-repeat;mask:url(/local/frontend-build/img/icons.0cea6777.svg#icon-arrow-right-view) 50% no-repeat}@media (hover:hover){.input-search__input:hover{--di-border-color:var(--di-border-color-hover);--di-bg:var(--di-bg-hover)}}