27 lines
456 B
CSS
27 lines
456 B
CSS
.choice {
|
|
width: 100%;
|
|
border-radius: var(--mantine-radius-lg);
|
|
text-align: start;
|
|
}
|
|
|
|
.choice:focus-visible {
|
|
outline: 2px solid var(--mantine-primary-color-filled);
|
|
outline-offset: 2px;
|
|
}
|
|
|
|
.card {
|
|
transition:
|
|
background-color 150ms ease-out,
|
|
border-color 150ms ease-out;
|
|
}
|
|
|
|
.choice:hover .card {
|
|
background-color: var(--mantine-color-default-hover);
|
|
}
|
|
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.card {
|
|
transition: none;
|
|
}
|
|
}
|