input.svelte-14rrb9e {
    position: absolute;
    left: 0;
    opacity: 0;
    z-index: -1
}

input[type=radio].svelte-14rrb9e~.indicator:where(.svelte-14rrb9e) {
    border-radius: var(--ds-radius-full, 50%);
    background-image: var(--radio-img)
}

input.svelte-14rrb9e:focus~.labelContent:where(.svelte-14rrb9e),
input.svelte-14rrb9e:hover~.labelContent:where(.svelte-14rrb9e) {
    color: var(--label-hover-color)
}

input.svelte-14rrb9e:focus~.indicator:where(.svelte-14rrb9e),
input.svelte-14rrb9e:hover~.indicator:where(.svelte-14rrb9e) {
    border: var(--input-border-width) solid var(--input-hover-border)
}

input.svelte-14rrb9e:checked~.indicator:where(.svelte-14rrb9e) {
    background-color: var(--input-border);
    background-size: 75%
}

input.svelte-14rrb9e:disabled~.labelContent:where(.svelte-14rrb9e),
input.svelte-14rrb9e:disabled~.indicator:where(.svelte-14rrb9e) {
    cursor: not-allowed;
    opacity: .5
}

.indicator.svelte-14rrb9e {
    outline: 0;
    width: 1.5em;
    height: 1.5em;
    flex-shrink: 0;
    background: none;
    background-size: 0;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: var(--ds-radius-sm, 3px);
    transition: var(--input-transition);
    box-shadow: var(--input-box-shadow);
    cursor: pointer
}

.indicator.variant-light.svelte-14rrb9e {
    background-color: var(--grey-300);
    border: var(--input-border-width) solid var(--grey-300)
}

.indicator.variant-default.svelte-14rrb9e {
    border: var(--input-border-width) solid var(--input-border)
}

.indicator.invalid.svelte-14rrb9e {
    border-color: var(--red-400)
}

.indicator.size-md.svelte-14rrb9e {
    width: var(--spacing-5);
    height: var(--spacing-5)
}

.indicator.size-lg.svelte-14rrb9e {
    width: var(--spacing-6);
    height: var(--spacing-6)
}