/*---------------------------------------------------------------------------------------------
 * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
.core-searchbox {
  font-family: var(--iui-font-sans);
  display: flex;
  align-items: center;
  position: relative;
  //default values (height, width, font-size, color)
  height: 28px;
  width: 12em;
  font-size: var(--iui-font-size-1);
  color: var(--iui-color-text);

  input {
    min-height: 28px;
    padding: var(--iui-size-3xs) 2em var(--iui-size-3xs) 12px; //12px from design guide
    height: 100%;
    margin: 0;
    color: inherit;
    font-size: inherit;
    box-sizing: border-box;
  }

  .core-searchbox-button {
    position: absolute;
    height: 100%;
    right: 0;
    width: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    cursor: pointer;

    &:hover span {
      color: var(--iui-color-text-accent);
    }

    &:focus {
      outline: none;
    }
  }
}