[role="gridcell"]:hover {
    scale: 140%;
    box-shadow: var(--elevation-high);
    background-color: var(--background-primary) !important;
    z-index: 2;
    opacity: 1;
}

[role="gridcell"] {
    transition: scale 0.25s ease, opacity 0.25s ease;
    opacity: 0.25;
}

[role="gridcell"]:has(.emojiItemSelected-2Lg50V):hover+[role="gridcell"],
[role="gridcell"]:has(+[role="gridcell"]:hover),

[role="row"]:has(+[role="row"] [aria-colindex="1"]:hover) [aria-colindex="1"],
[role="row"]:has(+[role="row"] [aria-colindex="2"]:hover) [aria-colindex="2"],
[role="row"]:has(+[role="row"] [aria-colindex="3"]:hover) [aria-colindex="3"],
[role="row"]:has(+[role="row"] [aria-colindex="4"]:hover) [aria-colindex="4"],
[role="row"]:has(+[role="row"] [aria-colindex="5"]:hover) [aria-colindex="5"],
[role="row"]:has(+[role="row"] [aria-colindex="6"]:hover) [aria-colindex="6"],
[role="row"]:has(+[role="row"] [aria-colindex="7"]:hover) [aria-colindex="7"],
[role="row"]:has(+[role="row"] [aria-colindex="8"]:hover) [aria-colindex="8"],
[role="row"]:has(+[role="row"] [aria-colindex="9"]:hover) [aria-colindex="9"],

[role="row"]:has([aria-colindex="1"]:hover)+[role="row"] [aria-colindex="1"],
[role="row"]:has([aria-colindex="2"]:hover)+[role="row"] [aria-colindex="2"],
[role="row"]:has([aria-colindex="3"]:hover)+[role="row"] [aria-colindex="3"],
[role="row"]:has([aria-colindex="4"]:hover)+[role="row"] [aria-colindex="4"],
[role="row"]:has([aria-colindex="5"]:hover)+[role="row"] [aria-colindex="5"],
[role="row"]:has([aria-colindex="6"]:hover)+[role="row"] [aria-colindex="6"],
[role="row"]:has([aria-colindex="7"]:hover)+[role="row"] [aria-colindex="7"],
[role="row"]:has([aria-colindex="8"]:hover)+[role="row"] [aria-colindex="8"],
[role="row"]:has([aria-colindex="9"]:hover)+[role="row"] [aria-colindex="9"]{
    scale: 130%;
    opacity: 0.6;
}

[role="gridcell"]:has(.emojiItemSelected-2Lg50V):hover+[role="gridcell"]+[role="gridcell"],
[role="gridcell"]:has(+[role="gridcell"]+[role="gridcell"]:hover),

[role="row"]:has(+[role="row"] [aria-colindex="1"]:hover) [aria-colindex="2"],
[role="row"]:has(+[role="row"] [aria-colindex="2"]:hover) [aria-colindex="3"],
[role="row"]:has(+[role="row"] [aria-colindex="3"]:hover) [aria-colindex="4"],
[role="row"]:has(+[role="row"] [aria-colindex="4"]:hover) [aria-colindex="5"],
[role="row"]:has(+[role="row"] [aria-colindex="5"]:hover) [aria-colindex="6"],
[role="row"]:has(+[role="row"] [aria-colindex="6"]:hover) [aria-colindex="7"],
[role="row"]:has(+[role="row"] [aria-colindex="7"]:hover) [aria-colindex="8"],
[role="row"]:has(+[role="row"] [aria-colindex="8"]:hover) [aria-colindex="9"],

[role="row"]:has(+[role="row"] [aria-colindex="2"]:hover) [aria-colindex="1"],
[role="row"]:has(+[role="row"] [aria-colindex="3"]:hover) [aria-colindex="2"],
[role="row"]:has(+[role="row"] [aria-colindex="4"]:hover) [aria-colindex="3"],
[role="row"]:has(+[role="row"] [aria-colindex="5"]:hover) [aria-colindex="4"],
[role="row"]:has(+[role="row"] [aria-colindex="6"]:hover) [aria-colindex="5"],
[role="row"]:has(+[role="row"] [aria-colindex="7"]:hover) [aria-colindex="6"],
[role="row"]:has(+[role="row"] [aria-colindex="8"]:hover) [aria-colindex="7"],
[role="row"]:has(+[role="row"] [aria-colindex="9"]:hover) [aria-colindex="8"],

[role="row"]:has([aria-colindex="1"]:hover)+[role="row"] [aria-colindex="2"],
[role="row"]:has([aria-colindex="2"]:hover)+[role="row"] [aria-colindex="3"],
[role="row"]:has([aria-colindex="3"]:hover)+[role="row"] [aria-colindex="4"],
[role="row"]:has([aria-colindex="4"]:hover)+[role="row"] [aria-colindex="5"],
[role="row"]:has([aria-colindex="5"]:hover)+[role="row"] [aria-colindex="6"],
[role="row"]:has([aria-colindex="6"]:hover)+[role="row"] [aria-colindex="7"],
[role="row"]:has([aria-colindex="7"]:hover)+[role="row"] [aria-colindex="8"],
[role="row"]:has([aria-colindex="8"]:hover)+[role="row"] [aria-colindex="9"],

[role="row"]:has([aria-colindex="2"]:hover)+[role="row"] [aria-colindex="1"],
[role="row"]:has([aria-colindex="3"]:hover)+[role="row"] [aria-colindex="2"],
[role="row"]:has([aria-colindex="4"]:hover)+[role="row"] [aria-colindex="3"],
[role="row"]:has([aria-colindex="5"]:hover)+[role="row"] [aria-colindex="4"],
[role="row"]:has([aria-colindex="6"]:hover)+[role="row"] [aria-colindex="5"],
[role="row"]:has([aria-colindex="7"]:hover)+[role="row"] [aria-colindex="6"],
[role="row"]:has([aria-colindex="8"]:hover)+[role="row"] [aria-colindex="7"],
[role="row"]:has([aria-colindex="9"]:hover)+[role="row"] [aria-colindex="8"]{
    scale: 110%;
    opacity: 0.4;
}