.aegov-custom-radio input[type=radio] {
    width: 2rem;
    height: 2rem;
    accent-color: var(--primary-dark);
}
.aegov-check-item input[type=checkbox],
.aegov-check-item input[type=radio] {
    position: relative;
    margin: 0;
    height: 1.25rem;
    width: 1.25rem;
    flex-shrink: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(203 163 68 / var(--tw-border-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(203 163 68 / var(--tw-text-opacity, 1));
    accent-color: #CBA344
}

    .aegov-check-item input[type=checkbox]:before,
    .aegov-check-item input[type=radio]:before {
        position: absolute;
        inset-inline-start: 50%;
        top: 50%;
        height: 3rem;
        width: 3rem;
        --tw-translate-x: -50%;
        --tw-translate-y: -50%;
        --tw-scale-x: 0;
        --tw-scale-y: 0;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        border-radius: 9999px;
        --tw-bg-opacity: 1;
        background-color: rgb(249 247 237 / var(--tw-bg-opacity, 1));
        mix-blend-mode: multiply;
        content: "" !important;
        transition-property: all;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s
    }

    .aegov-check-item input[type=checkbox]:hover:before,
    .aegov-check-item input[type=radio]:hover:before {
        content: "" !important;
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .aegov-check-item input[type=checkbox]:where([dir=rtl], [dir=rtl] *):before,
    .aegov-check-item input[type=radio]:where([dir=rtl], [dir=rtl] *):before {
        content: "" !important;
        --tw-translate-x: 50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .aegov-check-item input[type=checkbox]:focus,
    .aegov-check-item input[type=radio]:focus {
        outline: 2px solid transparent;
        outline-offset: 2px;
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(248 192 39 / var(--tw-ring-opacity, 1));
        --tw-ring-offset-width: 2px
    }

.aegov-check-item input[type=checkbox]:disabled,
.aegov-check-item input[type=radio]:disabled {
    pointer-events: none;
    --tw-border-opacity: 1;
    border-color: rgb(230 215 162 / var(--tw-border-opacity, 1))
}

.aegov-check-item input[type=checkbox]:disabled:before,
.aegov-check-item input[type=radio]:disabled:before {
    content: "" !important;
    display: none !important
}

.aegov-check-item.check-lg input[type=checkbox],
.aegov-check-group.check-lg input[type=checkbox],
.aegov-check-item.check-lg input[type=radio],
.aegov-check-group.check-lg input[type=radio] {
    height: 1.5rem;
    width: 1.5rem
}

.aegov-check-item.check-base input[type=checkbox],
.aegov-check-group.check-base input[type=checkbox],
.aegov-check-item.check-base input[type=radio],
.aegov-check-group.check-base input[type=radio] {
    height: 1.25rem;
    width: 1.25rem
}

.aegov-check-item.check-sm input[type=radio],
.aegov-check-group.check-sm input[type=radio] {
    height: 1rem;
    width: 1rem
}

.aegov-check-item.check-sm input[type=radio]:before,
.aegov-check-group.check-sm input[type=radio]:before {
    height: 2.5rem;
    content: "" !important;
    width: 2.5rem
}

.aegov-check-item.check-secondary input[type=checkbox],
.aegov-check-item.check-secondary input[type=radio],
.aegov-check-group.check-secondary input[type=checkbox],
.aegov-check-group.check-secondary input[type=radio] {
    border-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(62 64 70 / var(--tw-border-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(35 37 40 / var(--tw-text-opacity, 1));
    accent-color: #232528
}

.aegov-check-item.check-secondary input[type=checkbox]:before,
.aegov-check-item.check-secondary input[type=radio]:before,
.aegov-check-group.check-secondary input[type=checkbox]:before,
.aegov-check-group.check-secondary input[type=radio]:before {
    content: "" !important;
    --tw-bg-opacity: 1;
    background-color: rgb(247 247 247 / var(--tw-bg-opacity, 1))
}

.aegov-check-item.check-secondary input[type=checkbox]:focus,
.aegov-check-item.check-secondary input[type=radio]:focus,
.aegov-check-group.check-secondary input[type=checkbox]:focus,
.aegov-check-group.check-secondary input[type=radio]:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(117 219 255 / var(--tw-ring-opacity, 1))
}

.aegov-check-item.check-secondary input[type=checkbox]:disabled,
.aegov-check-item.check-secondary input[type=radio]:disabled,
.aegov-check-group.check-secondary input[type=checkbox]:disabled,
.aegov-check-group.check-secondary input[type=radio]:disabled {
    --tw-border-opacity: 1;
    border-color: rgb(195 198 203 / var(--tw-border-opacity, 1))
}