.search-button{align-items:center;gap:var(--indent-2);border-radius:var(--rounded,12px);border:1px solid var(--border-subtle,#ffffff29);background-color:var(--color-basic-500,#0b1a2f);width:fit-content;height:100%;padding:var(--indent-3) var(--indent-4);color:var(--tx-secondary);display:flex;position:relative}.search-button__text{background:inherit;color:var(--tx-secondary);text-align:left}
.search-input{gap:var(--indent-2);flex-direction:column;width:100%;height:fit-content;display:flex;position:relative}.search-input__icon{left:var(--indent-4);z-index:1;pointer-events:none;line-height:0;position:absolute;top:50%;transform:translateY(-50%)}.search-input__icon>svg{opacity:.5;max-width:18px}.search-input__placeholder{color:var(--input-placeholder,#fff6);pointer-events:none;z-index:1;font-size:14px;font-weight:600;line-height:20px;transition:all .1s linear;position:absolute;top:50%;left:46px;transform:translateY(-50%)}.search-input__placeholder--active{font-size:12px;line-height:16px;top:7px;transform:translateY(0)}.search-input__item{border:2px solid var(--input-border-default,#ffffff26);background:var(--input-bg-default,#062238);width:100%;height:50px;color:var(--input-text,#fff);border-radius:12px;align-self:stretch;align-items:flex-end;gap:12px;padding:21px 12px 7px 46px;font-size:14px;font-weight:600;line-height:20px;display:flex}.search-input__item:disabled{cursor:not-allowed;background:var(--input-bg-default);border-color:var(--input-border-default);color:var(--input-placeholder,#fff6)}.search-input__item--error{border:2px solid var(--semantic-error)}.search-input__item:hover:not(:disabled){background:var(--input-bg-default);border-color:var(--input-border-active)}.search-input__item:focus:not(:disabled){background:var(--input-bg-active);border-color:var(--input-border-active)}.search-input__item::placeholder{color:#0000}