/*
 * CloudBeaver - Cloud Database Manager
 * Copyright (C) 2020-2024 DBeaver Corp and others
 *
 * Licensed under the Apache License, Version 2.0.
 * you may not use this file except in compliance with the License.
 */
.checkbox {
  composes: theme-checkbox from global;
  box-sizing: content-box !important;
}
.checkboxInput {
  composes: theme-checkbox_native-control from global;
}
.checkboxBackground {
  composes: theme-checkbox__background from global;
  box-sizing: border-box !important;
}
.checkboxCheckmark {
  composes: theme-checkbox__checkmark from global;
}
.checkboxCheckmarkPath {
  composes: theme-checkbox__checkmark-path from global;
}
.checkboxMixedmark {
  composes: theme-checkbox__mixedmark from global;
}
.checkboxRipple {
  composes: theme-checkbox__ripple from global;
}
.checkboxContainer {
  display: flex;
  align-items: center;
  height: 32px;
}
.checkboxLabel {
  composes: theme-typography--body2 from global;
  cursor: pointer;
}
.checkboxCaption {
  composes: theme-text-text-hint-on-light theme-typography--caption from global;
}

.primary {
  composes: theme-checkbox_primary from global;
}
.surface {
  composes: theme-checkbox_surface from global;
}
.small {
  composes: theme-checkbox_small from global;
}

.small {
  &.checkboxContainer {
    & .checkbox {
      width: 14px;
      height: 14px;
    }
    & .checkboxBackground {
      width: 14px;
      height: 14px;
    }
  }
}

.disabled {
  composes: theme-checkbox--disabled from global;
}

.checked {
  composes: theme-checkbox--checked from global;
}
