[data-radio-other-field] {
    max-height: 0;
    overflow: hidden;
    visibility: hidden;
    margin: calc(0px - var(--radio-other-gap, 0px)) -4px 0;

    > label {
        padding: 4px;
    }

    &.is-expanded {
        max-height: var(--radio-other-height, 0px);
        margin-top: -4px;
        visibility: visible;
    }

    @media (prefers-reduced-motion: no-preference) {
        transition: max-height 240ms ease, margin-top 240ms ease, visibility 0s linear 240ms;

        &.is-expanded {
            transition-delay: 0s;
        }
    }
}