/* @import '../fonts/bootstrap-icons.woff.font-family.wxss'; */

checkbox.wv-checkbox {
  font-family: bootstrap-icons !important;

  --wv-content-bt-icon-square: '\F584';
  --wv-content-bt-icon-square-check: '\F26D';
  --wv-content-bt-icon-square-check-fill: '\F26C';

  --wv-content-bt-icon-tick-lg: '\F633';
  --wv-content-bt-icon-tick2: '\F26F';
  --wv-content-bt-icon-tick-circle: '\F270';
  --wv-content-bt-icon-tick-square: '\F271';

  --wv-content-bt-icon-circle: '\F28A';
  --wv-content-bt-icon-circle-check: '\F26B';
  --wv-content-bt-icon-circle-check-fill: '\F26A';
  
  --wv-content-bt-icon-calendar: '\f1f6';
  --wv-content-bt-icon-calendar-check: '\f1e2';
  
  --wv-content-bt-icon-bookmark: '\F1A2';
  --wv-content-bt-icon-bookmark-check: '\f196';

  --wv-content-bt-icon-bag: '\F179';
  --wv-content-bt-icon-bag-check: '\F171';
  --wv-content-bt-icon-bag-check-fill: '\F170';
}

checkbox.wv-checkbox .wx-checkbox-input {
  border: none;
  background: transparent;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  /* background-color: var(--wv-background-white); */
}
checkbox.wv-checkbox .wx-checkbox-input.wx-checkbox-input-checked::before {display: none;}

checkbox.wv-checkbox .wx-checkbox-input::after {
  all: unset;
  display: block;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}


checkbox.wv-checkbox.huge .wx-checkbox-input { width: calc(var(--wv-form-check-radio-height-huge) - 12rpx); height: var(--wv-form-check-radio-height-huge); }
checkbox.wv-checkbox.huge .wx-checkbox-input::after {  font-size: var(--wv-form-check-radio-height-huge); }

checkbox.wv-checkbox.large .wx-checkbox-input { width: calc(var(--wv-form-check-radio-height-large) - 12rpx); height: var(--wv-form-check-radio-height-large); }
checkbox.wv-checkbox.large .wx-checkbox-input::after {  font-size: var(--wv-form-check-radio-height-large); }

checkbox.wv-checkbox .wx-checkbox-input, checkbox.wv-checkbox.default-size .wx-checkbox-input { width: calc(var(--wv-form-check-radio-height-default) - 12rpx); height: var(--wv-form-check-radio-height-default); }
checkbox.wv-checkbox .wx-checkbox-input::after, checkbox.wv-checkbox.default-size .wx-checkbox-input::after { font-size: var(--wv-form-check-radio-height-default); }

checkbox.wv-checkbox.small .wx-checkbox-input { width: calc(var(--wv-form-check-radio-height-small) - 12rpx); height: var(--wv-form-check-radio-height-small); }
checkbox.wv-checkbox.small .wx-checkbox-input::after {  font-size: var(--wv-form-check-radio-height-small); }

checkbox.wv-checkbox.mini .wx-checkbox-input { width: calc(var(--wv-form-check-radio-height-mini) - 12rpx); height: var(--wv-form-check-radio-height-mini); }
checkbox.wv-checkbox.mini .wx-checkbox-input::after { font-size: var(--wv-form-check-radio-height-mini); }




checkbox.wv-checkbox .wx-checkbox-input::after, checkbox.wv-checkbox.square .wx-checkbox-input::after { content: var(--wv-content-bt-icon-square); }
checkbox.wv-checkbox .wx-checkbox-input.wx-checkbox-input-checked::after, checkbox.wv-checkbox.square .wx-checkbox-input.wx-checkbox-input-checked::after { content: var(--wv-content-bt-icon-square-check); }
checkbox.wv-checkbox .wx-checkbox-input-disabled::after, checkbox.wv-checkbox.square .wx-checkbox-input-disabled::after { opacity: 40%; content: var(--wv-content-bt-icon-square); }
checkbox.wv-checkbox .wx-checkbox-input.wx-checkbox-input-checked.wx-checkbox-input-disabled::after, checkbox.wv-checkbox.square .wx-checkbox-input.wx-checkbox-input-checked.wx-checkbox-input-disabled::after { content: var(--wv-content-bt-icon-square-check); }

checkbox.wv-checkbox.style-square-fill .wx-checkbox-input::after { content: var(--wv-content-bt-icon-square); }
checkbox.wv-checkbox.style-square-fill .wx-checkbox-input.wx-checkbox-input-checked::after { content: var(--wv-content-bt-icon-square-check-fill); }
checkbox.wv-checkbox.style-square-fill .wx-checkbox-input-disabled::after { opacity: 40%; content: var(--wv-content-bt-icon-square); }
checkbox.wv-checkbox.style-square-fill .wx-checkbox-input.wx-checkbox-input-checked.wx-checkbox-input-disabled::after { content: var(--wv-content-bt-icon-square-check-fill); }

checkbox.wv-checkbox.style-circle .wx-checkbox-input::after { content: var(--wv-content-bt-icon-circle); }
checkbox.wv-checkbox.style-circle .wx-checkbox-input.wx-checkbox-input-checked::after { content: var(--wv-content-bt-icon-circle-check); }
checkbox.wv-checkbox.style-circle .wx-checkbox-input-disabled::after { opacity: 40%; content: var(--wv-content-bt-icon-circle); }
checkbox.wv-checkbox.style-circle .wx-checkbox-input.wx-checkbox-input-checked.wx-checkbox-input-disabled::after { content: var(--wv-content-bt-icon-circle-check); }

checkbox.wv-checkbox.style-circle-fill .wx-checkbox-input::after { content: var(--wv-content-bt-icon-circle); }
checkbox.wv-checkbox.style-circle-fill .wx-checkbox-input.wx-checkbox-input-checked::after { content: var(--wv-content-bt-icon-circle-check-fill); }
checkbox.wv-checkbox.style-circle-fill .wx-checkbox-input-disabled::after { opacity: 40%; content: var(--wv-content-bt-icon-circle); }
checkbox.wv-checkbox.style-circle-fill .wx-checkbox-input.wx-checkbox-input-checked.wx-checkbox-input-disabled::after { content: var(--wv-content-bt-icon-circle-check-fill); }

checkbox.wv-checkbox.style-calendar .wx-checkbox-input::after { content: var(--wv-content-bt-icon-calendar); }
checkbox.wv-checkbox.style-calendar .wx-checkbox-input.wx-checkbox-input-checked::after { content: var(--wv-content-bt-icon-calendar-check); }
checkbox.wv-checkbox.style-calendar .wx-checkbox-input-disabled::after { opacity: 40%; content: var(--wv-content-bt-icon-calendar); }
checkbox.wv-checkbox.style-calendar .wx-checkbox-input.wx-checkbox-input-checked.wx-checkbox-input-disabled::after { content: var(--wv-content-bt-icon-calendar-check); }
checkbox.wv-checkbox.style-calendar .wx-checkbox-input::after { content: var(--wv-content-bt-icon-calendar); }

checkbox.wv-checkbox.style-bookmark .wx-checkbox-input::after { content: var(--wv-content-bt-icon-bookmark); }
checkbox.wv-checkbox.style-bookmark .wx-checkbox-input.wx-checkbox-input-checked::after { content: var(--wv-content-bt-icon-bookmark-check); }
checkbox.wv-checkbox.style-bookmark .wx-checkbox-input-disabled::after { opacity: 40%; content: var(--wv-content-bt-icon-bookmark); }
checkbox.wv-checkbox.style-bookmark .wx-checkbox-input.wx-checkbox-input-checked.wx-checkbox-input-disabled::after { content: var(--wv-content-bt-icon-bookmark-check); }

checkbox.wv-checkbox.style-tick .wx-checkbox-input::after { content: ''; }
checkbox.wv-checkbox.style-tick .wx-checkbox-input.wx-checkbox-input-checked::after { content: var(--wv-content-bt-icon-tick-lg); }
checkbox.wv-checkbox.style-tick .wx-checkbox-input-disabled::after { opacity: 40%; content: ''; }
checkbox.wv-checkbox.style-tick .wx-checkbox-input.wx-checkbox-input-checked.wx-checkbox-input-disabled::after { content: var(--wv-content-bt-icon-tick-lg); }

checkbox.wv-checkbox.style-tick2 .wx-checkbox-input::after { content: ''; }
checkbox.wv-checkbox.style-tick2 .wx-checkbox-input.wx-checkbox-input-checked::after { content: var(--wv-content-bt-icon-tick2); }
checkbox.wv-checkbox.style-tick2 .wx-checkbox-input-disabled::after { opacity: 40%; content: ''; }
checkbox.wv-checkbox.style-tick2 .wx-checkbox-input.wx-checkbox-input-checked.wx-checkbox-input-disabled::after { content: var(--wv-content-bt-icon-tick2); }

checkbox.wv-checkbox.style-tick-circle .wx-checkbox-input::after { content: var(--wv-content-bt-icon-circle); }
checkbox.wv-checkbox.style-tick-circle .wx-checkbox-input.wx-checkbox-input-checked::after { content: var(--wv-content-bt-icon-tick-circle); }
checkbox.wv-checkbox.style-tick-circle .wx-checkbox-input-disabled::after { opacity: 40%; content: var(--wv-content-bt-icon-circle); }
checkbox.wv-checkbox.style-tick-circle .wx-checkbox-input.wx-checkbox-input-checked.wx-checkbox-input-disabled::after { content: var(--wv-content-bt-icon-tick-circle); }

checkbox.wv-checkbox.style-tick-square .wx-checkbox-input::after { content: var(--wv-content-bt-icon-square); }
checkbox.wv-checkbox.style-tick-square .wx-checkbox-input.wx-checkbox-input-checked::after { content: var(--wv-content-bt-icon-tick-square); }
checkbox.wv-checkbox.style-tick-square .wx-checkbox-input-disabled::after { opacity: 40%; content: var(--wv-content-bt-icon-square); }
checkbox.wv-checkbox.style-tick-square .wx-checkbox-input.wx-checkbox-input-checked.wx-checkbox-input-disabled::after { content: var(--wv-content-bt-icon-tick-square); }

checkbox.wv-checkbox.style-bag .wx-checkbox-input::after { content: var(--wv-content-bt-icon-bag); }
checkbox.wv-checkbox.style-bag .wx-checkbox-input.wx-checkbox-input-checked::after { content: var(--wv-content-bt-icon-bag-check); }
checkbox.wv-checkbox.style-bag .wx-checkbox-input-disabled::after { opacity: 40%; content: var(--wv-content-bt-icon-bag); }
checkbox.wv-checkbox.style-bag .wx-checkbox-input.wx-checkbox-input-checked.wx-checkbox-input-disabled::after { content: var(--wv-content-bt-icon-bag-check); }

checkbox.wv-checkbox.style-bag-fill .wx-checkbox-input::after { content: var(--wv-content-bt-icon-bag); }
checkbox.wv-checkbox.style-bag-fill .wx-checkbox-input.wx-checkbox-input-checked::after { content: var(--wv-content-bt-icon-bag-check-fill); }
checkbox.wv-checkbox.style-bag-fill .wx-checkbox-input-disabled::after { opacity: 40%; content: var(--wv-content-bt-icon-bag); }
checkbox.wv-checkbox.style-bag-fill .wx-checkbox-input.wx-checkbox-input-checked.wx-checkbox-input-disabled::after { content: var(--wv-content-bt-icon-bag-check-fill); }










checkbox.wv-checkbox, checkbox.wv-checkbox .wx-checkbox-input::after, 
checkbox.wv-checkbox.primary, checkbox.wv-checkbox.primary .wx-checkbox-input::after { color: var(--wv-background-color-primary); }
checkbox.wv-checkbox.secondary, checkbox.wv-checkbox.secondary .wx-checkbox-input::after { color: var(--wv-background-color-secondary); }
checkbox.wv-checkbox.info, checkbox.wv-checkbox.info .wx-checkbox-input::after { color: var(--wv-background-color-info); }
checkbox.wv-checkbox.success, checkbox.wv-checkbox.success .wx-checkbox-input::after { color: var(--wv-background-color-success); }
checkbox.wv-checkbox.danger, checkbox.wv-checkbox.danger .wx-checkbox-input::after { color: var(--wv-background-color-danger); }
checkbox.wv-checkbox.warning, checkbox.wv-checkbox.warning .wx-checkbox-input::after { color: var(--wv-background-color-warning); }
checkbox.wv-checkbox.error, checkbox.wv-checkbox.error .wx-checkbox-input::after { color: var(--wv-background-color-error); }
checkbox.wv-checkbox.poppy, checkbox.wv-checkbox.poppy .wx-checkbox-input::after { color: var(--wv-background-color-poppy); }
checkbox.wv-checkbox.pink, checkbox.wv-checkbox.pink .wx-checkbox-input::after { color: var(--wv-background-color-pink); }
checkbox.wv-checkbox.jade, checkbox.wv-checkbox.jade .wx-checkbox-input::after { color: var(--wv-background-color-jade); }
checkbox.wv-checkbox.forest, checkbox.wv-checkbox.forest .wx-checkbox-input::after { color: var(--wv-background-color-forest); }
checkbox.wv-checkbox.cute, checkbox.wv-checkbox.cute .wx-checkbox-input::after { color: var(--wv-background-color-cute); }
checkbox.wv-checkbox.plain, checkbox.wv-checkbox.plain .wx-checkbox-input::after { color: var(--wv-background-color-plain); }
checkbox.wv-checkbox.light, checkbox.wv-checkbox.light .wx-checkbox-input::after { color: rgba(var(--wv-theme-light-rgb), 1); }
checkbox.wv-checkbox.dark, checkbox.wv-checkbox.dark .wx-checkbox-input::after { color: var(--wv-background-color-dark); }



checkbox-group {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}