/* Strong, accessible selected-state feedback for touch devices. */
.mood{position:relative;min-height:46px;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}
.mood.selected{border:2px solid #5d5c76!important;box-shadow:0 5px 14px rgba(93,92,118,.18);font-weight:600;transform:translateY(-1px)}
.mood.selected::after{content:'✓';display:inline-grid;place-items:center;width:17px;height:17px;margin-left:5px;border-radius:50%;background:#5d5c76;color:#fff;font-family:Arial,sans-serif;font-size:11px;vertical-align:1px}
.mood:focus-visible{outline:3px solid rgba(93,92,118,.36);outline-offset:3px}