38 lines
1.0 KiB
CSS
38 lines
1.0 KiB
CSS
.w_radio_inputs{
|
|
display: grid;
|
|
grid-template-columns: repeat(3, max-content);
|
|
gap: 20px 40px;
|
|
margin-top: 20px;
|
|
--radio-font-size: 16px;
|
|
.cw_w_radio_inputs_radio_input{
|
|
display: grid;
|
|
grid-template-columns: 30px auto;
|
|
align-items: center;
|
|
gap: 10px;
|
|
.radio{
|
|
background: #FFFFFF;
|
|
border: 1px solid #E6E6E6;
|
|
height: 30px;
|
|
width: 30px;
|
|
border-radius: 10px;
|
|
&:hover{
|
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
|
|
}
|
|
&.checked{
|
|
background: #FF613A;
|
|
box-shadow: 0 -1px 10px rgba(198, 199, 203, 0.2), -1px 4px 10px rgba(198, 199, 203, 0.2);
|
|
}
|
|
}
|
|
.radio_label{
|
|
font-size: var(--radio-font-size);
|
|
&:has(div.annotation){
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 5px;
|
|
}
|
|
div.annotation{
|
|
color: #27242499;
|
|
}
|
|
}
|
|
}
|
|
} |