/* Copyright (c) Fortanix, Inc.
|* This Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0. If a copy of
|* the MPL was not distributed with this file, You can obtain one at http://mozilla.org/MPL/2.0/. */

@use '../../../../styling/defs.scss' as bk;

@layer baklava.components {
  .bk-input-field {
    @include bk.component-base(bk-input-field);
    
    display: flex;
    flex-direction: column;
    gap: bk.$spacing-1;
    
    .bk-input-field__label {
      @include bk.font(bk.$font-family-body, bk.$font-weight-semibold, bk.$font-size-m);
      
      display: flex;
      flex-direction: row;
      gap: bk.$spacing-1;
      align-items: center;
      
      .bk-input-field__label__icon { --empty: ; }
      
      .bk-input-field__label__optional {
        font-size: bk.$font-size-xs;
        font-weight: bk.$font-weight-regular;
      }
    }
    
    .bk-input-field__control { --empty: ; }
    
    .bk-input-field__description {
      color: bk.$theme-form-text-hint;
      font-size: bk.$font-size-s;
    }
  }
}
