@import '@hh.ru/design-tokens/build/less/_css-variables';
@import 'colors';
@import 'color-utils';
@import '_checkable-control';
@import 'text-base';

.bloko-hh {
    --bloko-radio-color-border-focus: @control-border-color-focus;

    --bloko-checkbox-color-image-offset: 0;
    --bloko-checkbox-label-line-height: @_line-height-medium;
    --bloko-checkable-control-vertical-indent: 2px;
    --bloko-checkable-control-size: 20px;
    --bloko-form-size-baseline-first: 8px;
    --bloko-checkable-control-margin-right: 8px;
    --bloko-radio-width-border-checked: 6px;
}

:root {
    .bloko-hh();
}

.bloko-zp {
    --bloko-radio-color-border-focus: @color-special-yellow-branded;
    --bloko-checkbox-color-image-offset: -20px;
}