.todoIllustration{display:block;overflow:hidden;width:52px;height:52px;flex:none;border-radius:16px;background-color:#fff2e7;background-image:url('../assets/todo-illustrations-v1.webp');background-repeat:no-repeat;background-size:300% 200%;box-shadow:inset 0 0 0 1px rgba(139,98,74,.08)}
.todoIllustration--study{background-position:0 0}
.todoIllustration--cook{background-position:50% 0}
.todoIllustration--shopping{background-position:100% 0}
.todoIllustration--read{background-position:0 100%}
.todoIllustration--tidy{background-position:50% 100%}
.todoIllustration--custom{background-position:100% 100%}
.sharedChoiceIllustration{width:42px;height:42px;border-radius:13px}
.sharedChoiceTrigger .sharedChoiceIllustration{width:40px;height:40px;border-radius:12px}
@media(max-width:390px){.todoIllustration{width:48px;height:48px;border-radius:15px}}