/* Shared dialog motion uses only compositor-friendly opacity and translation. */
:is(#preprocessing-dialog,#dataset-dialog,.model-info-dialog,#analytics-details-dialog){scrollbar-gutter:stable;overflow-anchor:none;backface-visibility:hidden;filter:none}
:is(#preprocessing-dialog,#dataset-dialog,.model-info-dialog,#analytics-details-dialog)::backdrop{background:#02060bcc;backdrop-filter:none}
@media(prefers-reduced-motion:no-preference){
 :is(#preprocessing-dialog,#dataset-dialog,.model-info-dialog,#analytics-details-dialog)[open]{will-change:transform,opacity;animation:detail-dialog-appear 260ms cubic-bezier(.2,.7,.3,1) both}
 :is(#preprocessing-dialog,#dataset-dialog,.model-info-dialog,#analytics-details-dialog)[open]::backdrop{animation:detail-backdrop-appear 260ms ease-out both}
 :is(#preprocessing-dialog,#dataset-dialog,.model-info-dialog,#analytics-details-dialog)[open].is-closing{width:var(--detail-close-width);height:var(--detail-close-height);animation:detail-dialog-disappear 200ms ease-in both}
 :is(#preprocessing-dialog,#dataset-dialog,.model-info-dialog,#analytics-details-dialog)[open].is-closing::backdrop{animation:detail-backdrop-disappear 200ms ease-in both}
}
@keyframes detail-dialog-appear{from{opacity:0;transform:translate3d(0,12px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes detail-dialog-disappear{from{opacity:var(--detail-close-opacity,1);transform:var(--detail-close-transform,translate3d(0,0,0))}to{opacity:0;transform:translate3d(0,8px,0)}}
@keyframes detail-backdrop-appear{from{opacity:0}to{opacity:1}}
@keyframes detail-backdrop-disappear{from{opacity:1}to{opacity:0}}
@media(prefers-reduced-motion:reduce){:is(#preprocessing-dialog,#dataset-dialog,.model-info-dialog,#analytics-details-dialog)[open],:is(#preprocessing-dialog,#dataset-dialog,.model-info-dialog,#analytics-details-dialog)[open]::backdrop{animation:none;transform:none}}
:is(#dataset-open,[data-model-dialog],.dataset-dialog-close button,.model-dialog-close button,#analytics-details-open,.analytics-close button):focus{outline:none}
:is(#dataset-open,[data-model-dialog],.dataset-dialog-close button,.model-dialog-close button,#analytics-details-open,.analytics-close button):focus-visible{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
