@square/maker/components/Radio/styles.css

📚 Maker Design System by Square

.\1F4DA 4-7-026eLJ{display:inline-block;line-height:0;--color-border:rgba(0,0,0,0.3);--color-background:hsla(0,0%,100%,0.95);--color-fill:rgba(0,0,0,0.9);--color-focus:rgba(0,0,0,0.9);--color-error:#ce3217;--color-disabled:rgba(0,0,0,0.05);--color-disabled-fill:rgba(0,0,0,0.15)}.\1F4DA 4-7-0gMiyC,.\1F4DA 4-7-026eLJ{cursor:pointer;-webkit-user-select:none;user-select:none}.\1F4DA 4-7-0gMiyC{box-sizing:border-box;width:20px;height:20px;margin:0;padding:0;vertical-align:middle;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:50%;outline:none;transition:background-color .2s ease;-webkit-appearance:none;appearance:none}.\1F4DA 4-7-0gMiyC:after{display:block;width:6px;height:6px;margin:6px;background-color:var(--color-background);border-radius:50%}.\1F4DA 4-7-0gMiyC:checked{background-color:var(--color-fill);border-color:var(--color-fill)}.\1F4DA 4-7-0gMiyC:checked:after{content:""}.\1F4DA 4-7-0gMiyC:disabled{background-color:var(--color-disabled);border-color:var(--color-disabled);cursor:not-allowed}.\1F4DA 4-7-0gMiyC:invalid{border-color:var(--color-error)}.\1F4DA 4-7-0gMiyC:checked:invalid{background-color:var(--color-error);border-color:var(--color-error)}.\1F4DA 4-7-0gMiyC:active:not(:disabled):not(:invalid),.\1F4DA 4-7-0gMiyC:focus:not(:disabled):not(:invalid),.\1F4DA 4-7-0gMiyC:hover:not(:disabled):not(:invalid){border-color:var(--color-focus)}