/* State appearance adapted from DNA library components/refined.css.
   The original glow, shadow and interpolation are retained; measured bounds
   come from the chosen control. No control size or page layout is prescribed. */
.selection-tracked { position: relative; isolation: isolate; }
.selection-tracked > [role=tab] { position: relative; z-index: 1; transition: background-color .2s ease, color .2s ease; background-clip:padding-box; }
.selection-tracked > [role=tab]:hover { background-color:var(--soft); }
.selection-tracked > [role=tab][aria-selected=true] { background: transparent; }
.selection-outline {
  pointer-events: none; position: absolute; top: 0; left: 0; z-index: 0;
  border: 1px solid transparent;
  background: linear-gradient(var(--paper),var(--paper)) padding-box, var(--co-selection-edge) border-box;
  box-shadow: 0 2px 6px #4598c30b;
  transition: transform .24s cubic-bezier(.22,.8,.28,1), width .24s cubic-bezier(.22,.8,.28,1), height .24s cubic-bezier(.22,.8,.28,1);
}
.selection-outline[data-line=true] { border: 0; border-radius: 0; background: var(--co-selection-line); box-shadow: none; }
.selection-tracked > [role=tab][aria-selected=true]::after { display: none; }
@media (prefers-reduced-motion: reduce) { .selection-outline, .selection-tracked > [role=tab] { transition: none; } }
html[data-motion=off] .selection-outline, html[data-motion=off] .selection-tracked > [role=tab] { transition: none; }
html.run-effects-pref-off .selection-outline, html.run-effects-pref-off .selection-tracked > [role=tab],
html.run-motion-reduced .selection-outline, html.run-motion-reduced .selection-tracked > [role=tab] { transition: none; }
@media (forced-colors: active) {
  .selection-outline { border-color: Highlight; background: Canvas; }
  .selection-outline[data-line=true] { background: Highlight; }
}