/* [project]/node_modules/@timeedit/ui-components/lib/src/components/InputComponent/Input.css [app-client] (css) */
@layer teui-components {
  .icon-button:active {
    transform: scale(.9);
  }

  .input-wrapper.row {
    flex-shrink: 0;
    grid-template-columns: 192px auto;
    align-items: start;
    gap: 8px;
    display: grid;
  }

  .input-wrapper.column {
    flex-direction: column;
    justify-content: start;
    align-items: start;
    display: flex;
  }

  .input-element-wrapper {
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .input-element-wrapper .ant-select-selector {
    box-shadow: none !important;
  }

  .input-element-wrapper.with-label {
    min-width: 40%;
  }

  .input-element-wrapper.no-label {
    min-width: 100%;
  }

  .dropdown-tag {
    text-align: center;
    padding: 4px;
    font-size: .9rem;
  }

  .double-digit-input {
    width: 3.8rem;
  }

  .te-hide-footer .ant-picker-footer {
    display: none;
  }

  .te-key-value-container {
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 4px;
    width: 100%;
    display: grid;
  }

  .te-key-value-container .te-key-value-item {
    min-width: 100%;
    max-width: 100%;
    display: block;
  }

  .te-min-max-container {
    align-items: center;
    gap: 4px;
    display: flex;
  }
}