1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
| .item {
| @apply relative rounded-xl border border-gray-100 cursor-pointer;
| background-color: #fcfcfd;
| }
|
| .item.active {
| border-width: 1.5px;
| border-color: #528BFF;
| box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px rgba(16, 24, 40, 0.06);
| }
|
| .item:hover {
| background-color: #ffffff;
| border-color: #B2CCFF;
| box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
| }
|
| .radio {
| @apply w-4 h-4 border-[2px] border-gray-200 rounded-full;
| }
|
| .item.active .radio {
| border-width: 5px;
| border-color: #155EEF;
| }
|
|
