@import 'src/styles/variables';

.header_filters {
  position: relative;
  display: inline-block;
  white-space: nowrap;
  padding-right: 16px;
  margin-right: 16px;
  user-select: none;
  border-right: 1px solid var(--color-border);

  &_input {
    display: inline-block;
    width: 110px;
    height: 32px;
    padding: 0 0 0 12px;
    text-align: left;
    line-height: 32px;
    border: 1px solid #DBDCDD;
    box-sizing: border-box;
    border-radius: 3px;
    outline: none;
  }

  &_fast {
    position: absolute;
    bottom: -16px;
    left: 0;
    display: block;
    white-space: nowrap;

    &_button {
      font-size: var(--font-xs);
      display: inline;
      padding: 0;
      margin: 0 5px 0 0;
      text-align: left;
      text-decoration: underline;
      cursor: pointer;
      border: none;
      color: var(--color-black);
      background: none;

      &:hover {
        text-decoration: none;
      }
    }
  }
}

@media (max-width: 1000px) {
  .header_filters {
    display: none;
  }
}
