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

radio.wv-radio {
  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';
  
  margin-right: var(--wv-margin-mini);
}

radio.wv-radio .wx-radio-input {
  border: none;
  background: transparent;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
radio.wv-radio .wx-radio-input.wx-radio-input-checked::before {display: none;}

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

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

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

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

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

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

radio.wv-radio .wx-radio-input::after, radio.wv-radio.wx .wx-radio-input::after { content: var(--wv-content-bt-icon-square); }
radio.wv-radio .wx-radio-input.wx-radio-input-checked::after, radio.wv-radio.wx .wx-radio-input.wx-radio-input-checked::after { content: var(--wv-content-bt-icon-square-check); }
radio.wv-radio .wx-radio-input-disabled::after, radio.wv-radio.wx .wx-radio-input-disabled::after { opacity: var(--wv-opacity-rgb-4); content: var(--wv-content-bt-icon-square); }
radio.wv-radio .wx-radio-input.wx-radio-input-checked.wx-radio-input-disabled::after, radio.wv-radio.square .wx-radio-input.wx-radio-input-checked.wx-radio-input-disabled::after { content: var(--wv-content-bt-icon-square-check); }

radio.wv-radio.square .wx-radio-input::after { content: var(--wv-content-bt-icon-square); }
radio.wv-radio.square .wx-radio-input.wx-radio-input-checked::after { content: var(--wv-content-bt-icon-square-check); }
radio.wv-radio.square .wx-radio-input-disabled::after { opacity: var(--wv-opacity-rgb-4); content: var(--wv-content-bt-icon-square); }
radio.wv-radio.square .wx-radio-input.wx-radio-input-checked.wx-radio-input-disabled::after { content: var(--wv-content-bt-icon-square-check); }

radio.wv-radio.style-square-fill .wx-radio-input::after { content: var(--wv-content-bt-icon-square); }
radio.wv-radio.style-square-fill .wx-radio-input.wx-radio-input-checked::after { content: var(--wv-content-bt-icon-square-check-fill); }
radio.wv-radio.style-square-fill .wx-radio-input-disabled::after { opacity: var(--wv-opacity-rgb-4); content: var(--wv-content-bt-icon-square); }
radio.wv-radio.style-square-fill .wx-radio-input.wx-radio-input-checked.wx-radio-input-disabled::after { content: var(--wv-content-bt-icon-square-check-fill); }

radio.wv-radio.style-circle .wx-radio-input::after { content: var(--wv-content-bt-icon-circle); }
radio.wv-radio.style-circle .wx-radio-input.wx-radio-input-checked::after { content: var(--wv-content-bt-icon-circle-check); }
radio.wv-radio.style-circle .wx-radio-input-disabled::after { opacity: var(--wv-opacity-rgb-4); content: var(--wv-content-bt-icon-circle); }
radio.wv-radio.style-circle .wx-radio-input.wx-radio-input-checked.wx-radio-input-disabled::after { content: var(--wv-content-bt-icon-circle-check); }

radio.wv-radio.style-circle-fill .wx-radio-input::after { content: var(--wv-content-bt-icon-circle); }
radio.wv-radio.style-circle-fill .wx-radio-input.wx-radio-input-checked::after { content: var(--wv-content-bt-icon-circle-check-fill); }
radio.wv-radio.style-circle-fill .wx-radio-input-disabled::after { opacity: var(--wv-opacity-rgb-4); content: var(--wv-content-bt-icon-circle); }
radio.wv-radio.style-circle-fill .wx-radio-input.wx-radio-input-checked.wx-radio-input-disabled::after { content: var(--wv-content-bt-icon-circle-check-fill); }

radio.wv-radio.style-calendar .wx-radio-input::after { content: var(--wv-content-bt-icon-calendar); }
radio.wv-radio.style-calendar .wx-radio-input.wx-radio-input-checked::after { content: var(--wv-content-bt-icon-calendar-check); }
radio.wv-radio.style-calendar .wx-radio-input-disabled::after { opacity: var(--wv-opacity-rgb-4); content: var(--wv-content-bt-icon-calendar); }
radio.wv-radio.style-calendar .wx-radio-input.wx-radio-input-checked.wx-radio-input-disabled::after { content: var(--wv-content-bt-icon-calendar-check); }
radio.wv-radio.style-calendar .wx-radio-input::after { content: var(--wv-content-bt-icon-calendar); }

radio.wv-radio.style-bookmark .wx-radio-input::after { content: var(--wv-content-bt-icon-bookmark); }
radio.wv-radio.style-bookmark .wx-radio-input.wx-radio-input-checked::after { content: var(--wv-content-bt-icon-bookmark-check); }
radio.wv-radio.style-bookmark .wx-radio-input-disabled::after { opacity: var(--wv-opacity-rgb-4); content: var(--wv-content-bt-icon-bookmark); }
radio.wv-radio.style-bookmark .wx-radio-input.wx-radio-input-checked.wx-radio-input-disabled::after { content: var(--wv-content-bt-icon-bookmark-check); }

radio.wv-radio.style-tick .wx-radio-input::after { content: ''; }
radio.wv-radio.style-tick .wx-radio-input.wx-radio-input-checked::after { content: var(--wv-content-bt-icon-tick-lg); }
radio.wv-radio.style-tick .wx-radio-input-disabled::after { opacity: var(--wv-opacity-rgb-4); content: ''; }
radio.wv-radio.style-tick .wx-radio-input.wx-radio-input-checked.wx-radio-input-disabled::after { content: var(--wv-content-bt-icon-tick-lg); }

radio.wv-radio.style-tick2 .wx-radio-input::after { content: ''; }
radio.wv-radio.style-tick2 .wx-radio-input.wx-radio-input-checked::after { content: var(--wv-content-bt-icon-tick2); }
radio.wv-radio.style-tick2 .wx-radio-input-disabled::after { opacity: var(--wv-opacity-rgb-4); content: ''; }
radio.wv-radio.style-tick2 .wx-radio-input.wx-radio-input-checked.wx-radio-input-disabled::after { content: var(--wv-content-bt-icon-tick2); }

radio.wv-radio.style-tick-circle .wx-radio-input::after { content: var(--wv-content-bt-icon-circle); }
radio.wv-radio.style-tick-circle .wx-radio-input.wx-radio-input-checked::after { content: var(--wv-content-bt-icon-tick-circle); }
radio.wv-radio.style-tick-circle .wx-radio-input-disabled::after { opacity: var(--wv-opacity-rgb-4); content: var(--wv-content-bt-icon-circle); }
radio.wv-radio.style-tick-circle .wx-radio-input.wx-radio-input-checked.wx-radio-input-disabled::after { content: var(--wv-content-bt-icon-tick-circle); }

radio.wv-radio.style-tick-square .wx-radio-input::after { content: var(--wv-content-bt-icon-square); }
radio.wv-radio.style-tick-square .wx-radio-input.wx-radio-input-checked::after { content: var(--wv-content-bt-icon-tick-square); }
radio.wv-radio.style-tick-square .wx-radio-input-disabled::after { opacity: var(--wv-opacity-rgb-4); content: var(--wv-content-bt-icon-square); }
radio.wv-radio.style-tick-square .wx-radio-input.wx-radio-input-checked.wx-radio-input-disabled::after { content: var(--wv-content-bt-icon-tick-square); }

radio.wv-radio.style-bag .wx-radio-input::after { content: var(--wv-content-bt-icon-bag); }
radio.wv-radio.style-bag .wx-radio-input.wx-radio-input-checked::after { content: var(--wv-content-bt-icon-bag-check); }
radio.wv-radio.style-bag .wx-radio-input-disabled::after { opacity: var(--wv-opacity-rgb-4); content: var(--wv-content-bt-icon-bag); }
radio.wv-radio.style-bag .wx-radio-input.wx-radio-input-checked.wx-radio-input-disabled::after { content: var(--wv-content-bt-icon-bag-check); }

radio.wv-radio.style-bag-fill .wx-radio-input::after { content: var(--wv-content-bt-icon-bag); }
radio.wv-radio.style-bag-fill .wx-radio-input.wx-radio-input-checked::after { content: var(--wv-content-bt-icon-bag-check-fill); }
radio.wv-radio.style-bag-fill .wx-radio-input-disabled::after { opacity: var(--wv-opacity-rgb-4); content: var(--wv-content-bt-icon-bag); }
radio.wv-radio.style-bag-fill .wx-radio-input.wx-radio-input-checked.wx-radio-input-disabled::after { content: var(--wv-content-bt-icon-bag-check-fill); }

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

radio.wv-radio[disabled], radio.wv-radio[disabled] .wx-radio-input::after {
  opacity: var(--wv-opacity-rgb-5);
}

radio-group {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: var(--wv-margin-mini);
}