@zeit-ui/vue/lib/radio.css

A popular UI framework for Vue

.zi-radio-input{cursor:pointer;box-sizing:border-box;border:1px solid var(--accents-2);border-radius:50%;left:0}.zi-radio-input,.zi-radio-input:before{height:14px;width:14px;position:absolute}.zi-radio-input:before{content:"";top:-1px;left:-1px;border-radius:50%;background-color:var(--geist-foreground);transform:scale(0);transition:transform .2s ease 0s}.zi-radio-input.disabled{border-color:var(--accents-2);cursor:not-allowed}.zi-radio-input.checked:before{transform:scale(1)}.zi-radio-input.checked.disabled:before{background-color:var(--accents-2)}.zi-radio{line-height:.875rem;display:flex;align-items:flex-start;flex-direction:column;-webkit-box-pack:start;overflow:hidden;padding:.25rem 0 .25rem 1.875rem}.zi-radio.disabled{cursor:not-allowed}.zi-radio.disabled .zi-radio-label{cursor:not-allowed;color:var(--accents-5)}.zi-radio .zi-radio-label{font-size:1rem;font-weight:600;user-select:none;cursor:pointer}.zi-radio .zi-radio-description{color:var(--accents-3);font-size:14px;padding:8px 0 4px 0;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zi-radio .zi-radio-original{opacity:0;outline:none;position:absolute;width:0;height:0;margin:0;padding:0;z-index:-1;background-color:transparent}.zi-radio-container{position:relative;display:inline-flex;margin-right:1.875rem}