.color-radio{align-items:stretch;cursor:pointer;display:flex;height:2.4rem;margin:0 var(--space-150) var(--space-150) 0;position:relative;width:2.4rem}.color-radio:last-child{margin-bottom:0}.color-radio:before{background:currentColor;border:none;border-radius:50%;content:"";height:2.4rem;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:color .3s;width:2.4rem}.color-radio.--checked:before{border:.2rem solid var(--background);box-shadow:0 0 0 .2rem var(--control-primary-color)}.color-radio.--checked:after{opacity:1}.color-radio__text{align-items:center;color:var(--text-primary-color);display:flex;font:var(--body-small-short-font)}