.van-radio-group--horizontal {
    display: flex;
    flex-wrap: wrap
}

:root,
:host {
    --van-checkbox-size: 5.12821vw;
    --van-checkbox-border-color: var(--van-gray-5);
    --van-checkbox-duration: var(--van-duration-fast);
    --van-checkbox-label-margin: var(--van-padding-xs);
    --van-checkbox-label-color: var(--van-text-color);
    --van-checkbox-checked-icon-color: var(--van-primary-color);
    --van-checkbox-disabled-icon-color: var(--van-gray-5);
    --van-checkbox-disabled-label-color: var(--van-text-color-3);
    --van-checkbox-disabled-background: var(--van-border-color)
}

.van-checkbox {
    display: flex;
    align-items: center;
    overflow: hidden;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.van-checkbox--disabled {
    cursor: not-allowed
}

.van-checkbox--label-disabled {
    cursor: default
}

.van-checkbox--horizontal {
    margin-right: var(--van-padding-sm)
}

.van-checkbox__icon {
    flex: none;
    height: 1em;
    font-size: var(--van-checkbox-size);
    line-height: 1em;
    cursor: pointer
}

.van-checkbox__icon .van-icon {
    display: block;
    box-sizing: border-box;
    width: 1.25em;
    height: 1.25em;
    color: transparent;
    font-size: .8em;
    line-height: 1.25;
    text-align: center;
    border: 1px solid var(--van-checkbox-border-color);
    transition-duration: var(--van-checkbox-duration);
    transition-property: color, border-color, background-color
}

.van-checkbox__icon--round .van-icon {
    border-radius: 100%
}

.van-checkbox__icon--indeterminate .van-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--van-white);
    border-color: var(--van-checkbox-checked-icon-color);
    background-color: var(--van-checkbox-checked-icon-color)
}

.van-checkbox__icon--checked .van-icon {
    color: var(--van-white);
    background-color: var(--van-checkbox-checked-icon-color);
    border-color: var(--van-checkbox-checked-icon-color)
}

.van-checkbox__icon--disabled {
    cursor: not-allowed
}

.van-checkbox__icon--disabled .van-icon {
    background-color: var(--van-checkbox-disabled-background);
    border-color: var(--van-checkbox-disabled-icon-color)
}

.van-checkbox__icon--disabled.van-checkbox__icon--checked .van-icon {
    color: var(--van-checkbox-disabled-icon-color)
}

.van-checkbox__label {
    margin-left: var(--van-checkbox-label-margin);
    color: var(--van-checkbox-label-color);
    line-height: var(--van-checkbox-size)
}

.van-checkbox__label--left {
    margin: 0 var(--van-checkbox-label-margin) 0 0
}

.van-checkbox__label--disabled {
    color: var(--van-checkbox-disabled-label-color)
}

:root,
:host {
    --van-radio-size: 5.12821vw;
    --van-radio-dot-size: 2.05128vw;
    --van-radio-border-color: var(--van-gray-5);
    --van-radio-duration: var(--van-duration-fast);
    --van-radio-label-margin: var(--van-padding-xs);
    --van-radio-label-color: var(--van-text-color);
    --van-radio-checked-icon-color: var(--van-primary-color);
    --van-radio-disabled-icon-color: var(--van-gray-5);
    --van-radio-disabled-label-color: var(--van-text-color-3);
    --van-radio-disabled-background: var(--van-border-color)
}

.van-radio {
    display: flex;
    align-items: center;
    overflow: hidden;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.van-radio--disabled {
    cursor: not-allowed
}

.van-radio--label-disabled {
    cursor: default
}

.van-radio--horizontal {
    margin-right: var(--van-padding-sm)
}

.van-radio__icon {
    flex: none;
    height: 1em;
    font-size: var(--van-radio-size);
    line-height: 1em;
    cursor: pointer
}

.van-radio__icon .van-icon {
    display: block;
    box-sizing: border-box;
    width: 1.25em;
    height: 1.25em;
    color: transparent;
    font-size: .8em;
    line-height: 1.25;
    text-align: center;
    border: 1px solid var(--van-radio-border-color);
    transition-duration: var(--van-radio-duration);
    transition-property: color, border-color, background-color
}

.van-radio__icon--round .van-icon {
    border-radius: 100%
}

.van-radio__icon--dot {
    position: relative;
    border-radius: 100%;
    box-sizing: border-box;
    width: var(--van-radio-size);
    height: var(--van-radio-size);
    border: 1px solid var(--van-radio-border-color);
    transition-duration: var(--van-radio-duration);
    transition-property: border-color
}

.van-radio__icon--dot__icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 100%;
    height: calc(100% - var(--van-radio-dot-size));
    width: calc(100% - var(--van-radio-dot-size));
    transition-duration: var(--van-radio-duration);
    transition-property: background-color
}

.van-radio__icon--checked .van-icon {
    color: var(--van-white);
    background-color: var(--van-radio-checked-icon-color);
    border-color: var(--van-radio-checked-icon-color)
}

.van-radio__icon--checked.van-radio__icon--dot {
    border-color: var(--van-radio-checked-icon-color)
}

.van-radio__icon--checked.van-radio__icon--dot .van-radio__icon--dot__icon {
    background: var(--van-radio-checked-icon-color)
}

.van-radio__icon--disabled {
    cursor: not-allowed
}

.van-radio__icon--disabled .van-icon {
    background-color: var(--van-radio-disabled-background);
    border-color: var(--van-radio-disabled-icon-color)
}

.van-radio__icon--disabled.van-radio__icon--checked .van-icon {
    color: var(--van-radio-disabled-icon-color)
}

.van-radio__label {
    margin-left: var(--van-radio-label-margin);
    color: var(--van-radio-label-color);
    line-height: var(--van-radio-size)
}

.van-radio__label--left {
    margin: 0 var(--van-radio-label-margin) 0 0
}

.van-radio__label--disabled {
    color: var(--van-radio-disabled-label-color)
}