li.case .year{transform:translateY(-3px)}ul.cases{-moz-column-gap:var(--grid-gap);column-gap:var(--grid-gap);display:grid;grid-template-columns:repeat(var(--grid-cols),minmax(0,1fr))}ul.cases li{-moz-column-gap:inherit;column-gap:inherit;display:grid;grid-column:1/-1;grid-template-columns:inherit;transition:opacity .2s ease}@media(hover:hover){ul.cases:has(li.case:hover) li.case{opacity:.3!important}ul.cases:has(li.case:hover) li.case:hover{font-family:var(--text-font-italic);opacity:1!important;transition:all ease var(--fade-in-speed)}ul.cases li.case-header div{color:var(--text-color-muted);cursor:default;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}ul.cases li.case-header div.sortable{cursor:pointer}ul.cases li.case-header div:after{border-left:3px solid transparent;border-right:3px solid transparent;border-top:3px solid var(--text-color-muted);content:"";height:0;left:-12px;opacity:0;position:absolute;top:50%;translate:0 50%;width:0}ul.cases li.case-header div.sort-by:after{opacity:1;transition:rotate .6s ease}ul.cases li.case-header div.sort-by.asc:after{rotate:180deg;translate:0 -50%}ul.cases li.case-header div.sort-by.desc:after{rotate:0deg;translate:0 -50%}}