.legacy-quality[role="button"]{position:relative;cursor:pointer;transition:border-color .25s ease,background .25s ease,transform .25s ease}
.legacy-quality[role="button"]:hover,.legacy-quality[role="button"]:focus-visible{border-color:#d93439;background:linear-gradient(120deg,#d9343918,#ffffff08 48%,transparent);transform:translateY(-2px);outline:none}
.quality-open{position:absolute;right:24px;top:24px;display:grid;place-items:center;width:36px;height:36px;border:1px solid #ffffff48;color:#fff;font:400 26px/1 "Barlow Condensed";transition:background .25s ease,border-color .25s ease,transform .25s ease}
.legacy-quality[role="button"]:hover .quality-open,.legacy-quality[role="button"]:focus-visible .quality-open{border-color:#d93439;background:#c52b2f;transform:rotate(90deg)}
.history-detail-modal:has(.history-detail-index:is(:empty)){display:none}
@media(max-width:560px){.legacy-quality[role="button"]{padding-right:60px}.quality-open{right:16px;top:16px}}
@media(prefers-reduced-motion:reduce){.legacy-quality[role="button"],.quality-open{transition:none}.legacy-quality[role="button"]:hover,.legacy-quality[role="button"]:focus-visible{transform:none}.legacy-quality[role="button"]:hover .quality-open,.legacy-quality[role="button"]:focus-visible .quality-open{transform:none}}