/* 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-checkbox-field {
    @include bk.component-base(bk-checkbox-field);
    
    .bk-checkbox-field__title {
      color: bk.$theme-text-label-default;
      font-weight: bk.$font-weight-semibold;
      margin-block-end: bk.$spacing-1;
    }

    .bk-checkbox-field__title__icon {
      margin-inline-start: bk.$spacing-1;
    }

    .bk-checkbox-field__title__optional {
      font-size: bk.$font-size-xs;
      font-weight: bk.$font-weight-regular;
      margin-inline-start: bk.$spacing-1;
    }

    .bk-checkbox-field__label {
      display: flex;
      align-items: center;
      column-gap: bk.$spacing-2;
    }

    .bk-checkbox-field__label__content {
      color: bk.$theme-text-label-default;
      cursor: pointer;
      font-size: bk.$font-size-m;
    }

    .bk-checkbox-field__description {
      font-size: bk.$font-size-xs;
      padding-inline-start: 26px;
    }
  }
}
