.hoverable-item{transition:opacity var(--interactive-duration) var(--interactive-easing)}.hoverable-item[data-hoverable-variant=appear-on-hover]{opacity:0}[data-hover-group]:hover .hoverable-item[data-hoverable-variant=appear-on-hover]:not([data-hoverable-local]),[data-hover-group][data-interaction=hover] .hoverable-item[data-hoverable-variant=appear-on-hover]:not([data-hoverable-local]),.hoverable-item[data-hoverable-variant=appear-on-hover][data-hoverable-local=true]:hover,[data-hover-group]:focus-within .hoverable-item[data-hoverable-variant=appear-on-hover]:not([data-hoverable-local]){opacity:1}.hoverable-item[data-hoverable-variant=appear-on-hover]:has(:focus-visible){opacity:1}.hoverable-item[data-hoverable-variant=appear-on-rest]{opacity:1}[data-hover-group]:hover .hoverable-item[data-hoverable-variant=appear-on-rest]:not([data-hoverable-local]),[data-hover-group][data-interaction=hover] .hoverable-item[data-hoverable-variant=appear-on-rest]:not([data-hoverable-local]),.hoverable-item[data-hoverable-variant=appear-on-rest][data-hoverable-local=true]:hover,[data-hover-group]:focus-within .hoverable-item[data-hoverable-variant=appear-on-rest]:not([data-hoverable-local]){opacity:0}.hoverable-item[data-hoverable-variant=appear-on-rest]:has(:focus-visible){opacity:0}.hoverable-replace-rest{display:contents}.hoverable-replace-hover,[data-hover-group]:hover .hoverable-replace-rest:not([data-hoverable-local]){display:none}[data-hover-group]:hover .hoverable-replace-hover:not([data-hoverable-local]){display:contents}[data-hover-group][data-interaction=hover] .hoverable-replace-rest:not([data-hoverable-local]){display:none}[data-hover-group][data-interaction=hover] .hoverable-replace-hover:not([data-hoverable-local]){display:contents}.hoverable-replace:hover>.hoverable-replace-rest[data-hoverable-local=true]{display:none}.hoverable-replace:hover>.hoverable-replace-hover[data-hoverable-local=true]{display:contents}[data-hover-group]:focus-within .hoverable-replace-rest:not([data-hoverable-local]){display:none}[data-hover-group]:focus-within .hoverable-replace-hover:not([data-hoverable-local]){display:contents}.hoverable-replace:focus-within>.hoverable-replace-rest[data-hoverable-local=true]{display:none}.hoverable-replace:focus-within>.hoverable-replace-hover[data-hoverable-local=true]{display:contents}.hoverable-item:focus-visible{outline:2px solid var(--border-04);outline-offset:2px;border-radius:.25rem}
