.ua-layout-section {
  position: relative;
  display: grid;
  gap: clamp(1rem, 3vw, 2rem);
  min-width: 0;
}

.ua-layout-container {
  width: min(100%, 72rem);
  margin-inline: auto;
  min-width: 0;
}

.ua-layout-container-narrow {
  width: min(100%, 48rem);
}

.ua-layout-container-full {
  width: 100%;
}

.ua-layout-columns {
  display: grid;
  grid-template-columns: repeat(var(--ua-columns, 2), minmax(0, 1fr));
  gap: clamp(0.75rem, 2vw, 1.25rem);
  min-width: 0;
}

.ua-layout-columns[data-column-count="1"] { --ua-columns: 1; }
.ua-layout-columns[data-column-count="2"] { --ua-columns: 2; }
.ua-layout-columns[data-column-count="3"] { --ua-columns: 3; }
.ua-layout-columns[data-column-count="4"] { --ua-columns: 4; }
.ua-layout-columns[data-column-count="5"] { --ua-columns: 5; }
.ua-layout-columns[data-column-count="6"] { --ua-columns: 6; }

.ua-layout-divider {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  min-width: 0;
  border: 0;
  color: var(--universe-color-muted);
}

.ua-layout-divider::before,
.ua-layout-divider::after {
  content: "";
  flex: 1 1 auto;
  border-top: 1px solid var(--universe-line);
}

hr.ua-layout-divider {
  display: block;
  border-top: 1px solid var(--universe-line);
}

hr.ua-layout-divider::before,
hr.ua-layout-divider::after {
  content: none;
}

.ua-layout-spacer {
  block-size: clamp(1rem, 4vw, 3rem);
}

.ua-layout-spacer-sm { block-size: clamp(0.5rem, 2vw, 1rem); }
.ua-layout-spacer-lg { block-size: clamp(2rem, 7vw, 5rem); }

.ua-anchor {
  scroll-margin-block-start: 6rem;
}

/* The shared navigable-card capability (see navigableShell). Any card/tile whose whole region is a
   real <a href> carries .ua-navigable: it strips the default anchor chrome so the card keeps its own
   look, while preserving a visible keyboard focus ring for accessibility. Layout (grid/flex, padding)
   stays owned by the card's own class — this only neutralizes link styling and adds the focus state. */
.ua-navigable {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  /* Touch: navigate on tap with no 300ms delay, and never let the browser swallow the tap as a gesture
     or text-selection (the whole-card anchor must fire reliably on mobile). */
  touch-action: manipulation;
  -webkit-tap-highlight-color: color-mix(in srgb, var(--universe-color-primary) 22%, transparent);
}
/* The card's own descriptive children are inert to pointer input so a tap anywhere on the card region
   resolves to the anchor itself (no inner span/heading/badge stealing the tap on touch). Real interactive
   descendants (links/buttons/inputs) re-enable themselves below. */
.ua-navigable > * { pointer-events: none; }
.ua-navigable a, .ua-navigable button, .ua-navigable input,
.ua-navigable select, .ua-navigable textarea, .ua-navigable [tabindex] { pointer-events: auto; }

/* A navigable row that is ALSO a ua.swipe sliding surface (a whole-row <a data-ua-swipe-content> — see
   navigableSwipeRow / ua.swipe.js). It must hand HORIZONTAL drags to JS to slide, while still letting the
   page scroll VERTICALLY — exactly as the checkout line's sliding content does (touch-action: pan-y). This
   overrides the plain navigable `touch-action: manipulation` ONLY for the swipe-content variant; a scoped,
   higher-specificity selector so PLAIN navigable rows keep manipulation and are byte-identical. Whole-row
   tap-to-navigate still works (a tap is not a horizontal pan); a completed swipe suppresses the click. */
.ua-navigable.ua-navigable-swipe { touch-action: pan-y; }

/* A row that ACTS rather than navigates (activatableRow, [[D350]] point 1 for a grid whose item has no
   URL — the file manager's rows key on a storage resource id, and that id must never be in a URL). It is
   a real <button> so keyboard, focus, Enter/Space and the accessible name come from the element itself
   rather than from tabindex plus a keydown handler. A <button> arrives with UA chrome that an <a> does
   not, and this strips exactly that so the two activation kinds are visually ONE row.
   `:where()` keeps the specificity at a bare element selector: it beats the UA default and LOSES to the
   row's own class, so the surrounding list keeps ownership of layout ([[D284]]). */
button:where(.ua-navigable) {
  appearance: none;
  -webkit-appearance: none;
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  font: inherit;
  color: inherit;
  text-align: inherit;
}

/* THE UNIVERSAL DATA-GRID / LIST ROW hover affordance (operator 2026-09-07). A navigable card or row
   "pulls out of the sea of rows" on hover/focus: a token-driven elevation + border tint that honours the
   frosted-glass tier ([[D019]]: readability comes from shadow/tint, never a scrim over creative). Attached
   ONLY to the navigable branch of navigableShell / navigableRow (a row with no declared default action never
   gets this class, so it never lifts and never implies an action).
   NO REFLOW, NO OVERFLOW BY CONSTRUCTION: the affordance is TRANSFORM + BOX-SHADOW + colour only — it never
   changes box size, margin, padding or border-width, so it cannot reflow neighbours or break a tabular
   grid-template, and translateY has no horizontal component so it cannot cause horizontal overflow. The
   lifted element is position:relative and gains z-index on hover so it paints above its neighbours in place.
   Motion follows the house pattern (see .ua-hover-lift): the translate EXISTS only under no-preference, so
   reduced-motion users still get the elevation + tint (the affordance), just no movement.

   ★ CASCADE DEFENSE (adversarial review 2026-09-07, F1). A consumer's RESTING row rule is routinely a
   heavier selector than a single class — e.g. `.account-orders-results[data-account-orders-view="list"]
   .account-order-row` is (0,3,0) vs this rule's (0,2,0) — and it sets background / box-shadow / border
   UNCONDITIONALLY (not scoped to :not(:hover)). So on hover the consumer's RESTING look kept winning and
   only `transform` survived — a jump with no lift, and NOTHING at all for reduced-motion users. The
   capability must WIN over any consumer's resting paint WITHOUT every consumer scoping its resting styles to
   :not(:hover) (that footgun, F4, is fragile). So the three HOVER-ONLY visual properties carry `!important`,
   SCOPED to :hover / :focus so they beat a resting declaration of any specificity yet never fight resting
   LAYOUT. `!important` is house practice for exactly this (147 uses in element-runtime.css). The transform
   needs no !important — nothing competes with it at rest — so the motion gate is unaffected.

   ★ AND WHICH ELEMENT IS THE ROW — `.ua-row-frame` (see `structuredRow`, `frameIsRow`). When the whole
   row is one `<a>`, the anchor is the row and it carries the lift. When the row ALSO has icon actions,
   the actions are a SIBLING of the activator (they have to be — the activator throws on a nested
   interactive child), so the activator is only PART of the row and lifting it would lift half a row and
   leave the pencil and trash sitting flat beside it. The frame is what a person reads as the row, so the
   frame is what lifts. That is one extra SELECTOR on the same declarations, deliberately not a second
   rule: a framed row and a whole-row anchor must never drift into two different row looks. */
.ua-navigable-lift,
.ua-row-frame {
  position: relative;
  transition: transform var(--ua-motion-micro) var(--ua-motion-ease-soft),
              box-shadow var(--ua-motion-micro) var(--ua-motion-ease-soft),
              border-color var(--ua-motion-micro) var(--ua-motion-ease-soft),
              background-color var(--ua-motion-micro) var(--ua-motion-ease-soft);
}
.ua-navigable-lift:hover,
.ua-navigable-lift:focus-visible,
.ua-navigable-lift:focus-within,
.ua-row-frame:hover,
.ua-row-frame:focus-within {
  z-index: 1;
}

/* ── THE ROW'S ICON ACTIONS ([[D350]] point 2) ──────────────────────────────────────────────────────
   Icon only, and a SIBLING of the row activator — never inside it. These styles were private to the file
   manager (`.ua-fm-action`), which is why every other grid on the platform had no row action at all. One
   control, one paint. A surface with room for a bigger finger target raises it from its own stylesheet
   (the file manager's toolbar does exactly that); the base stays row-sized so a row stays a row. */
.ua-row-actions {
  display: inline-flex;
  align-items: center;
  gap: 0.05rem;
}
.ua-row-action {
  position: relative;
  display: grid;
  place-items: center;
  width: 2.1rem;
  height: 2.1rem;
  padding: 0;
  border: 0;
  border-radius: 0.45rem;
  background: none;
  color: color-mix(in srgb, var(--universe-color-text) 66%, transparent);
  cursor: pointer;
}

/* The danger row action's ink on hover and keyboard focus (also its own layer; kept literal as the acceptance guard
   "danger keeps its tint" reads this selector). */
.ua-row-action-danger:focus-visible,
.ua-row-action-danger.ua-state-hover { color: var(--ua-state-danger-ink, var(--universe-color-danger, var(--universe-color-error))); }
@media (hover: hover) {
  .ua-row-action-danger:hover { color: var(--ua-state-danger-ink, var(--universe-color-danger, var(--universe-color-error))); }
}
.ua-row-action[disabled] { opacity: .4; cursor: not-allowed; }
.ua-row-action-glyph { display: grid; place-items: center; }
.ua-row-action-glyph svg { width: 1rem; height: 1rem; }

/* ── REVEALED ON HOVER, NEVER HIDDEN FROM A FINGER OR A KEYBOARD ([[D350]] point 3) ─────────────────
   The operator's report was *"On mobile … the edit button … never show up"*, and the usual hover reveal is
   how that happens: `opacity: 0` lifted on `:hover`, on a device that has no hover. So the reveal here is
   constrained three ways and each constraint answers one failure (see rowActionGroup's `reveal`):

   1  IT ONLY EXISTS FOR A FINE, HOVER-CAPABLE POINTER. The whole block is inside
      `(hover: hover) and (pointer: fine)`. A phone, a tablet, a touchscreen laptop in touch mode and a
      screen reader's touch exploration never match it, so on those the actions are simply ALWAYS THERE —
      not "revealed by a first tap", which spends a tap and still hides them from exploration.
   2  IT IS OPACITY AND NOTHING ELSE. `display: none` and `visibility: hidden` remove the button from the
      tab order and from the accessibility tree; a transparent button is still focusable, still announced,
      still hit-testable, and — because it is laid out either way — revealing it never reflows the row.
   3  FOCUS REVEALS IT. `:focus-within` on the row's parent covers both the row activator taking focus and
      an action itself taking focus, so a sighted keyboard user can see the control they are standing on.

   The selector is `:hover > ` / `:focus-within > ` against the UNIVERSAL selector on purpose: the group's
   parent is whatever frame the consumer allocated ([[D284]] — the consumer allocates space, the control
   owns its behaviour), so the control must not require the consumer to add an agreed class for its own
   actions to be visible. Getting that contract wrong fails INVISIBLY, which is the one failure mode a
   reveal must not have. */
@media (hover: hover) and (pointer: fine) {
  .ua-row-actions-reveal {
    opacity: 0;
    transition: opacity var(--ua-motion-micro) var(--ua-motion-ease-soft);
  }
  :hover > .ua-row-actions-reveal,
  :focus-within > .ua-row-actions-reveal { opacity: 1; }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: reduce) {
  .ua-row-actions-reveal { transition: none; }
}
/* In a forced-colors mode the fade is not a style choice the person asked for; show the actions. */
@media (forced-colors: active) {
  .ua-row-actions-reveal { opacity: 1; }
}

/* ── A FINGER-SIZED TARGET WHERE A FINGER IS USED ([[D351]]: measured, not eyeballed) ────────────────
   The resting 2.1rem box is a mouse target. 2.75rem is 44px at the root size, the floor a touch target
   has to clear, and the gap grows with it so two adjacent 44px targets are not one 88px smear.
   BOTH conditions, because neither alone is honest: `pointer: coarse` catches a touch device at any
   width (a tablet at 900px), and the width catches a phone-width viewport that reports a fine pointer —
   which is exactly what a desktop browser resized to 375px does, and therefore what any measurement of
   this is taken in. */
@media (pointer: coarse), (max-width: 40rem) {
  .ua-row-actions { gap: 0.25rem; }
  .ua-row-action { width: 2.75rem; height: 2.75rem; }
}

.ua-background {
  position: relative;
  display: grid;
  min-width: 0;
}

/* ── THE ICON BOX ──────────────────────────────────────────────────────────────────────────────────
   Sized from `--universe-icon-size`, not from the inherited font size. It was `1.15em`, which meant
   an icon's size was an accident of whatever text it happened to sit in — and it is why this repo
   alone carries 41 DISTINCT icon size values across 225 CSS declarations (measured 2026-09-20):
   every surface that wanted a predictable icon had to state one locally.

   A control now sets `--universe-icon-size` once on itself and every glyph inside lines up, without
   the control or the icon knowing anything about each other. The `.ua-icon-*` step classes below
   are for the cases where one icon in a control genuinely differs.

   `vertical-align` carries v1's optical shift so a glyph sits on the text baseline rather than the
   line box (universe-home/uat/scss/utilities.scss:545) — it is a no-op in a flex/grid parent and
   correct in an inline one, which is exactly when it is needed.

   ASPECT-RATIO, not a second length: a solid mark on a 593-unit square viewBox and a stroke glyph
   on a 24-unit one must occupy the same box, and `aspect-ratio: 1` guarantees that without either
   one knowing its own units. */
.ua-icon {
  display: inline-grid;
  place-items: center;
  inline-size: var(--universe-icon-size, 1.25rem);
  block-size: var(--universe-icon-size, 1.25rem);
  aspect-ratio: 1;
  flex: none;
  line-height: 1;
  vertical-align: var(--universe-icon-optical-shift, -0.125em);
}

/* The stroke steps are an OPTICAL correction, not decoration. A 2-unit stroke on a 24-unit viewBox
   is 1.17 CSS px at 14px and 2.67 px at 32px, so one nominal weight reads faint when small and
   blocky when large. Nudging the weight the other way keeps the whole set looking like one hand at
   every step. This is the thing a font gets for free through hinting and an SVG set has to state. */
.ua-icon-xs { --universe-icon-size: var(--universe-icon-size-xs, 0.875rem); --universe-icon-stroke: 2.25; }
.ua-icon-sm { --universe-icon-size: var(--universe-icon-size-sm, 1rem); --universe-icon-stroke: 2.1; }
.ua-icon-md { --universe-icon-size: var(--universe-icon-size-md, 1.25rem); --universe-icon-stroke: 2; }
.ua-icon-lg { --universe-icon-size: var(--universe-icon-size-lg, 1.5rem); --universe-icon-stroke: 1.9; }
.ua-icon-xl { --universe-icon-size: var(--universe-icon-size-xl, 2rem); --universe-icon-stroke: 1.75; }

.ua-icon svg {
  display: block;
  inline-size: 100%;
  block-size: 100%;
  overflow: visible;
}

/* Only STROKE art takes the weight token. A solid mark carries `stroke="none"` and must never be
   given one, or the platform trademark grows a 2-unit outline at 593-unit scale. */
.ua-icon svg[stroke]:not([stroke="none"]) {
  stroke-width: var(--universe-icon-stroke, 2);
}

/* ── THE MISSING-GLYPH MARKER ──────────────────────────────────────────────────────────────────────
   An icon the registry cannot draw renders an EMPTY svg carrying `data-ua-icon-missing`. It holds
   its box so the layout around it does not reflow, and it draws nothing — a wrong glyph is the one
   outcome this system exists to prevent, so there is deliberately no stand-in here. The build gate
   (`npm run gate:icon-names`) is what stops it reaching a surface at all; this rule only makes the
   escape honest if one ever does. */
.ua-icon svg[data-ua-icon-missing] {
  visibility: hidden;
}

/* ── THE PENDING BOX — a lazy Phosphor glyph not yet loaded ([[D575]] point 5) ─────────────────────
   Only the core glyphs ship inline; any other name paints an EMPTY svg carrying
   `data-ua-icon-pending` and the registry fills that same node in place when the chunk lands. The box
   must already be the size the loaded glyph will be, or the row jumps. A bare svg with no size of its
   own defaults to 300x150, so it is held at the icon-size token here — and so is every registry svg (filled, settled
   to missing, or core), so removing the pending attribute can never change the box. `:where()` keeps this at zero
   specificity: any context that sizes its svg (`.ua-icon svg`, a row-action glyph, a width attribute)
   sizes the pending box identically, and nothing changes size when the attribute is removed. It draws
   nothing while it waits — no stand-in glyph, no flash. */
/* The per-document sprite that holds a glyph used more than once (src/icons/icon-sprite.js): it takes no space and is
   never seen; each icon draws it with <use>. */
.ua-icon-sprite {
  position: absolute;
  inline-size: 0;
  block-size: 0;
  overflow: hidden;
}

:where(svg[data-ua-icon-pending]:not([width], [height]), svg[data-ua-icon-name]:not([width], [height])) {
  inline-size: var(--universe-icon-size, 1.25rem);
  block-size: var(--universe-icon-size, 1.25rem);
  aspect-ratio: 1;
}

.ua-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  min-block-size: 2.5rem;
  border: 1px solid var(--universe-line);
  border-radius: var(--universe-radius-control, 0.35rem);
  padding: 0.65rem 0.9rem;
  text-decoration: none;
  color: var(--universe-color-text);
  background: color-mix(in srgb, var(--universe-color-surface) 82%, transparent);
  box-shadow: 0 0.65rem 1.8rem color-mix(in srgb, var(--universe-color-background) 22%, transparent);
  font-weight: var(--universe-font-weight-strong);
  line-height: 1.05;
  transition: border-color 140ms ease, background-color 140ms ease, color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}

/* SIZES (B045, Justin-approved suggestion 2): the one compact and the one large button. Each dimension is a token
   with its rem default, so a surface tunes the size by token, never by its own size class. */
.ua-button.ua-button-sm {
  gap: var(--universe-button-sm-gap, 0.35rem);
  min-block-size: var(--universe-button-sm-min-block-size, 1.85rem);
  padding: var(--universe-button-sm-padding-block, 0.3rem) var(--universe-button-sm-padding-inline, 0.55rem);
  font-size: var(--universe-button-sm-font-size, 0.75rem);
}

/* DISABLED: a button that may not be pressed says so (B045 suggestion 2 — the shared button had no disabled look, so
   every surface kept its own). Covers the disabled attribute, aria-disabled (an anchor) and the painter's class. */
.ua-button:disabled,
.ua-button[aria-disabled="true"],
.ua-button.ua-button-disabled {
  opacity: var(--universe-button-disabled-opacity, 0.45);
  cursor: not-allowed;
}

.ua-button.ua-button-lg {
  min-block-size: var(--universe-button-lg-min-block-size, 2.85rem);
  padding: var(--universe-button-lg-padding-block, 0.75rem) var(--universe-button-lg-padding-inline, 1.4rem);
  font-size: var(--universe-button-lg-font-size, 1rem);
}

.ua-button.ua-fill,
.ua-button-fill,
.ua-action-fill {
  width: 100%;
  inline-size: 100%;
}

.ua-button-primary {
  color: var(--universe-color-background);
  background: var(--universe-color-primary);
  border-color: var(--universe-color-primary);
  box-shadow: 0 0.75rem 2rem color-mix(in srgb, var(--universe-color-primary) 28%, transparent);
}

.ua-button-secondary {
  color: var(--universe-color-text);
  background: var(--ua-glass-text-led);
  border-color: color-mix(in srgb, var(--universe-color-primary) 48%, var(--universe-line));
  backdrop-filter: var(--ua-glass-frost); -webkit-backdrop-filter: var(--ua-glass-frost);
}

.ua-button-ghost {
  color: var(--universe-color-primary-strong, var(--universe-color-primary));
  background: color-mix(in srgb, var(--universe-color-background) 18%, transparent);
  border-color: color-mix(in srgb, var(--universe-color-primary) 34%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--universe-color-primary) 10%, transparent);
}

/* Hover and :focus-visible are ONE look: the four interaction states beside frosted glass ([[D575]]). */

/* Glass is the default button material. The fill is the text-led pane, so the
   label and the state edge sit on that tier and not on a private wash of the art.
   The brand colour tints the edge through --universe-color-primary. */
.ua-button-glass {
  color: var(--universe-color-text);
  background: var(--ua-glass-text-led);
  border-color: color-mix(in srgb, var(--universe-color-primary) 20%, var(--universe-line));
  box-shadow: none;
  backdrop-filter: var(--ua-glass-frost);
  -webkit-backdrop-filter: var(--ua-glass-frost);
}

/* ── THE FOUR INTERACTION STATES and the hover/active glow ("the shimmer") — an interface standard beside
   frosted glass ([[D575]]; B045). Not the loading skeleton's shimmer (ua-skeleton-sweep): this is the glow a
   control wears when it answers the pointer or is on. Glass is what a control is made of; these are the only
   four ways an ACTIONABLE control can look. Plain text and static content never take them.
     1. NORMAL  — the family's own resting look; --ua-state-normal-* only carries the way back.
     2. HOVER   — :focus-visible IS hover (one look, no second ring). Pointer hover is gated on
                  (hover: hover) so a tap never leaves a stuck glow ([[D350]]); focus-visible is unconditional.
     3. ACTIVE  — .active, [aria-current], [aria-pressed/selected/expanded="true"], :checked, :active: ONE look.
     4. BUSY    — optional, [aria-busy="true"]: the edge and the glow while an action runs (spinner below).
   Ink: every part is mixed from --glow-ink, default currentColor, so the tint follows the item's text or icon
   colour in that state and danger glows danger. Opt anything else in with .ua-shimmer (buttons) or
   .ua-shimmer-dense (rows, tabs, rails). Every hovering control wears the one drop. A field does not
   float. Force a state with .ua-state-hover/-active/-busy.
   Geometry and timing are the dashboard Home view tab and ua.button @ad45f892 (glow 0 .85rem 2.3rem at 24%,
   wash 8%, 1px inset ring at 30%, 140ms). The edge is raised from the source 18% (1.42-1.77:1) to 80%: the
   lowest mix at which every ink we ship (white, ink, gold, danger, muted; dark and light surfaces) reaches
   3:1 (WCAG 1.4.11; D575 floor >= 45%, danger >= 60%; measured by agent-task-tracker/scraps/b045-builder/
   contrast-mix.mjs, which also self-tests on literal 2.99:1 / 3.03:1 pairs). Hover strengthens a border
   the control already has (D576 point 4, the 80% edge). A borderless action does not grow an outline:
   a standalone link keeps the ink change plus the drop glow, and a packed control keeps the ink
   change without bleeding that glow. Guards: style only (no
   layout change; the shared edge, wash and glow never transform — a control's OWN restored lift or press may
   translate / scale, and only under prefers-reduced-motion: no-preference), no ::before/::after in the shared
   look (a control's own child layer, e.g. the navbar underline, is generated from its family entry), disabled /
   aria-disabled / .disabled / inert / a without href excluded, and only ACTIONABLE nodes (the predicate in
   _interaction-states.js) ever wear a state. Doc: universe-elements
   docs/INTERFACE-GUIDELINES.md "Four interaction states"; agent-task-tracker HOUSE-RULES.md (D575). */
/* @generated interaction-states:start — npm run build:states (src/elements/_interaction-states.js). Do not edit. */
:root {
  --ua-shimmer-glow: 0 0.85rem 2.3rem;
  --ua-shimmer-wash-inset: 100vmax;
  --ua-shimmer-transition: border-color var(--ua-motion-micro, 140ms) ease, background-color var(--ua-motion-micro, 140ms) ease, color var(--ua-motion-micro, 140ms) ease, box-shadow var(--ua-motion-micro, 140ms) ease, transform var(--ua-motion-micro, 140ms) ease, filter var(--ua-motion-micro, 140ms) ease, opacity var(--ua-motion-micro, 140ms) ease, text-decoration-color var(--ua-motion-micro, 140ms) ease;
  /* 1. NORMAL */
  --ua-state-normal-transition: var(--ua-shimmer-transition);
  /* 2. HOVER = FOCUS-VISIBLE */
  --ua-state-hover-edge-mix: 80%;
  --ua-state-hover-wash-mix: 8%;
  --ua-state-hover-glow-mix: 24%;
  --ua-state-hover-forced: Highlight;
  /* 3. ACTIVE */
  --ua-state-active-edge-mix: 80%;
  --ua-state-active-ring-mix: 30%;
  --ua-state-active-wash-mix: 8%;
  --ua-state-active-forced: SelectedItem;
  /* 4. BUSY */
  --ua-state-busy-edge-mix: 80%;
  --ua-state-busy-wash-mix: 8%;
  --ua-state-busy-glow-mix: 32%;
  --ua-state-busy-label: transparent;
}
/* State INKS: the text colour a state sets on a control. They are not the shimmer tint (that follows currentColor
   through --glow-ink), so they live in their own :root rule, apart from the shimmer standard. */
:root {
  --ua-state-hover-ink: var(--universe-color-text);
  --ua-state-active-ink: var(--universe-color-primary-strong, var(--universe-color-primary));
  --ua-state-active-on-ink: var(--universe-color-on-primary-action, var(--universe-color-background));
  --ua-state-danger-ink: var(--universe-color-danger, var(--universe-color-error));
}
@property --ua-state-edge-ring {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --ua-state-hover-lift {
  syntax: "*";
  inherits: false;
}
@property --ua-state-hover-fill {
  syntax: "*";
  inherits: false;
}
@property --ua-state-hover-filter {
  syntax: "*";
  inherits: false;
}
@property --ua-state-hover-transform {
  syntax: "*";
  inherits: false;
}
@property --ua-state-hover-opacity {
  syntax: "*";
  inherits: false;
}
@property --ua-state-hover-underline {
  syntax: "*";
  inherits: false;
}
@property --ua-state-active-lift {
  syntax: "*";
  inherits: false;
}
@property --ua-state-active-fill {
  syntax: "*";
  inherits: false;
}
@property --ua-state-active-filter {
  syntax: "*";
  inherits: false;
}
@property --ua-state-active-transform {
  syntax: "*";
  inherits: false;
}
@property --ua-state-active-opacity {
  syntax: "*";
  inherits: false;
}
@property --ua-state-active-underline {
  syntax: "*";
  inherits: false;
}
@property --ua-state-press-lift {
  syntax: "*";
  inherits: false;
}
@property --ua-state-press-fill {
  syntax: "*";
  inherits: false;
}
@property --ua-state-press-filter {
  syntax: "*";
  inherits: false;
}
@property --ua-state-press-transform {
  syntax: "*";
  inherits: false;
}
@property --ua-state-press-opacity {
  syntax: "*";
  inherits: false;
}
@property --ua-state-press-underline {
  syntax: "*";
  inherits: false;
}
@property --ua-state-busy-lift {
  syntax: "*";
  inherits: false;
}
@property --ua-state-busy-fill {
  syntax: "*";
  inherits: false;
}
@property --ua-state-busy-filter {
  syntax: "*";
  inherits: false;
}
@property --ua-state-busy-transform {
  syntax: "*";
  inherits: false;
}
@property --ua-state-busy-opacity {
  syntax: "*";
  inherits: false;
}
@property --ua-state-busy-underline {
  syntax: "*";
  inherits: false;
}
:where(.ua-shimmer-dense, .ua-button-toggle-option, .ua-button-toggle-cycle, .ua-tab, .nav-link:not(.ua-navbar-item), .ua-navbar-item, .ua-navbar-menu .ua-navbar-item, .ua-row-action, .ua-fm-toolbar-actions .ua-row-action, .ua-row-action-danger, .ua-navigable, .ua-navigable-row, a.ua-avatar, .ua-input, .ua-select, .ua-textarea, .ua-form-field input:not(.ua-switch-input), .ua-form-field textarea, .ua-form-field select, .ua-doc-basic-textarea, .ua-doc-simple-editor, .ua-date-picker-meridiem-btn, .ua-date-picker-minute-option, .ua-dashboard-toolbar-action, .ua-navbar-menu-toggle, .ua-navbar-menu-go, .ua-struct-move-up, .ua-struct-move-down, .ua-struct-add, .ua-struct-hatch-toggle, .ua-file-field-pick, .ua-fm-row-frame, .ua-fm-folder, .ua-fm-dialog-select, .ua-doc-tool, .ua-class-placement-button, .ua-class-chip, .ua-date-picker-day, .ua-list-option, .ua-quick-shots-reference-option, .ua-date-picker-jump, .ua-date-picker-jump-option, .ua-color-picker-trigger, .ua-color-picker-hue, .ua-color-picker-alpha, .ua-color-picker-map, .ua-color-picker-preset, .ua-color-picker-value, .ua-switch-input, .ua-uri-tab, .ua-wizard-summary-goto, .ua-wizard-nav[data-wizard-nav-compact="true"] .ua-wizard-nav-step:not([data-wizard-nav-state="current"]), .ua-dashboard-toolbar-control, .ua-dashboard-funnel, .ua-dashboard-view-single, .ua-dashboard-record-action, .ua-dashboard-page-prev, .ua-dashboard-page-next, .ua-dashboard-page-edge, .ua-dashboard-active-filter-chip, .ua-navbar-item-icon-only, .ua-navbar-menu-section-summary, .ua-navbar-menu-back, .ua-navbar-menu-link, .ua-navbar-menu-fullscreen .ua-navbar-menu-link, .ua-footer-built-with, .ua-footer-terms a, .ua-schema-editor-tab, .ua-struct-remove, .ua-struct-drag, .ua-struct-format, .ua-struct-code, .ua-feed-action, .ua-collection-order-edit-toggle, .ua-vote-btn, a.ua-checkout-line-title, .ua-line-remove, .ua-checkout-line-swipe > .ua-checkout-line, .ua-global-toggle-icon, .ua-pdp-preview-close, .ua-pdp-preview-pill, .ua-testmode-close, .ua-quantity-step, .ua-product-carousel .carousel-indicators button, .ua-product-option-pill, .ua-cart-line-remove-btn, .ua-product-filters .ua-dashboard-search, .ua-pf-funnel, .ua-pf-chip, .ua-pf-clear, .ua-product-property-control, .ua-fm-storage-button, .ua-fm-crumb, .ua-file-thin-url, .ua-hva-expand, .ua-hva-modal-close, .ua-dialog-close, .ua-tooltip-trigger, .ua-mp-action, .ua-mp-range, .ua-text-hover-primary, [ua-text-hover="primary"], .btn-hover-primary, .ua-text-hover-accent, [ua-text-hover="accent"], .ua-text-hover-success, [ua-text-hover="success"], .ua-text-hover-info, [ua-text-hover="info"], .ua-text-hover-warning, [ua-text-hover="warning"], .ua-text-hover-error, [ua-text-hover="error"], .btn-text-primary, .btn-underline-primary, .ua-shimmer, .ua-button, .ua-button-glass, .ua-wizard-actions button, .ua-dialog-actions button, .btn, .universe-icon-action, .ua-icon-action, .ua-navigable-lift, .ua-row-frame, .ua-hover-lift, .ua-product-card-link, a.ua-page-preview-link, .ua-collection-order-card, .ua-copy-button, .ua-footer-location-action, .ua-directions-option, .ua-social-link, .ua-recommendation-apply, .ua-error-action, .ua-checkout-icon-btn, .ua-add-card, .ua-wallet-card, .ua-ship-card, .ua-addr-card, .ua-product-card-editable, .ua-pf-apply, .ua-pdp-preview-confirm, .ua-testmode-badge, .ua-motion-restart, .ua-async-notice-retry, .ua-mp-state-retry, .ua-mp-bigplay, .ua-hva-cta, .ua-dashboard-import-drop, .ua-upload-cancel, .ua-file-thin-pick, .ua-hover-glow, .ua-fm-card):not(.ua-state-base-only) {
  --ua-state-edge-ring: 0px;
}
:where(.ua-button-toggle-option) {
  --ua-state-hover-ink: var(--universe-color-primary);
  --ua-state-active-fill: var(--ua-glass-text-led);
}
:where(.ua-tab) {
  --ua-state-active-ink: var(--universe-color-primary);
}
:where(.nav-link:not(.ua-navbar-item)) {
  --ua-state-active-ink: var(--universe-color-primary);
}
:where(.ua-navbar-item) {
  --ua-state-hover-ink: var(--universe-color-text);
  --ua-state-active-ink: var(--universe-color-text);
}
:where(.ua-navbar-menu .ua-navbar-item) {
  --ua-state-hover-fill: var(--ua-glass-text-led);
  --ua-state-active-fill: var(--ua-glass-text-led);
}
:where(.ua-row-action) {
  --ua-state-hover-fill: var(--ua-glass-text-led);
  --ua-state-hover-ink: var(--universe-color-text);
  --ua-state-active-fill: var(--ua-glass-text-led);
  --ua-state-active-ink: var(--universe-color-primary);
}
:where(.ua-row-action-danger) {
  --ua-state-hover-fill: var(--ua-glass-text-led);
  --ua-state-hover-ink: var(--ua-state-danger-ink);
}
:where(.ua-navigable-row) {
  --ua-state-hover-fill: var(--ua-glass-text-led);
}
:where(.ua-date-picker-meridiem-btn) {
  --ua-state-active-fill: var(--ua-glass-text-led);
  --ua-state-active-ink: var(--universe-color-text);
}
:where(.ua-date-picker-minute-option) {
  --ua-state-active-fill: var(--ua-glass-text-led);
  --ua-state-active-ink: var(--universe-color-text);
}
:where(.ua-dashboard-toolbar-action) {
  --ua-state-hover-fill: var(--ua-glass-text-led);
}
:where(.ua-navbar-menu-toggle) {
  --ua-state-hover-fill: var(--ua-glass-text-led);
  --ua-state-hover-lift: inset 0 1px 0 color-mix(in srgb, var(--universe-color-text) 22%, transparent), inset 0 -1px 1px color-mix(in srgb, var(--universe-color-background) 22%, transparent), inset 0 0 0.7rem color-mix(in srgb, var(--universe-color-primary) 9%, transparent), 0 0.125rem 0.3125rem color-mix(in srgb, var(--universe-color-background) 26%, transparent);
}
:where(.ua-fm-row-frame) {
  --ua-state-active-fill: var(--ua-glass-text-led);
}
:where(.ua-doc-tool) {
  --ua-state-hover-fill: var(--ua-glass-text-led);
}
:where(.ua-class-placement-button) {
  --ua-state-hover-fill: var(--ua-glass-text-led);
  --ua-state-active-fill: var(--ua-glass-text-led);
}
:where(.ua-class-chip) {
  --ua-state-hover-fill: var(--ua-glass-text-led);
  --ua-state-active-fill: var(--ua-glass-text-led);
}
:where(.ua-date-picker-day) {
  --ua-state-active-fill: var(--ua-glass-text-led);
  --ua-state-active-ink: var(--universe-color-text);
}
:where(.ua-list-option) {
  --ua-state-active-fill: var(--ua-glass-text-led);
  --ua-state-active-ink: var(--universe-color-text);
}
:where(.ua-date-picker-jump) {
  --ua-state-hover-ink: var(--universe-color-primary-strong);
  --ua-state-active-ink: var(--universe-color-primary-strong);
}
:where(.ua-date-picker-jump-option) {
  --ua-state-active-fill: var(--ua-glass-text-led);
  --ua-state-active-ink: var(--universe-color-on-primary-action);
}
:where(.ua-uri-tab) {
  --ua-state-hover-fill: var(--ua-glass-text-led);
  --ua-state-hover-ink: var(--universe-color-text);
  --ua-state-active-fill: var(--ua-glass-text-led);
  --ua-state-active-ink: var(--universe-color-text);
}
:where(.ua-wizard-summary-goto) {
  --ua-state-hover-fill: var(--ua-glass-text-led);
}
:where(.ua-dashboard-record-action) {
  --ua-state-hover-fill: var(--ua-glass-text-led);
}
:where(.ua-dashboard-page-prev) {
  --ua-state-hover-fill: var(--ua-glass-text-led);
}
:where(.ua-dashboard-page-next) {
  --ua-state-hover-fill: var(--ua-glass-text-led);
}
:where(.ua-dashboard-page-edge) {
  --ua-state-hover-fill: var(--ua-glass-text-led);
}
:where(.ua-dashboard-active-filter-chip) {
  --ua-state-hover-fill: var(--ua-glass-text-led);
}
:where(.ua-navbar-item-icon-only) {
  --ua-state-hover-fill: var(--ua-glass-text-led);
  --ua-state-hover-lift: inset 0 1px 0 color-mix(in srgb, var(--universe-color-text) 22%, transparent), inset 0 -1px 1px color-mix(in srgb, var(--universe-color-background) 22%, transparent), inset 0 0 0.7rem color-mix(in srgb, var(--universe-color-primary) 9%, transparent), 0 0.125rem 0.3125rem color-mix(in srgb, var(--universe-color-background) 26%, transparent);
}
:where(.ua-navbar-menu-section-summary) {
  --ua-state-hover-fill: var(--ua-glass-text-led);
}
:where(.ua-navbar-menu-back) {
  --ua-state-hover-fill: var(--ua-glass-text-led);
  --ua-state-hover-transform: translateX(-0.125rem);
}
:where(.ua-navbar-menu-fullscreen .ua-navbar-menu-link) {
  --ua-state-hover-ink: var(--universe-color-primary);
}
:where(.ua-footer-built-with) {
  --ua-state-hover-ink: var(--universe-color-primary);
  --ua-state-hover-underline: underline;
}
:where(.ua-footer-terms a) {
  --ua-state-hover-underline: underline;
}
:where(.ua-schema-editor-tab) {
  --ua-state-hover-fill: var(--ua-glass-text-led);
  --ua-state-active-fill: var(--ua-glass-text-led);
}
:where(.ua-struct-remove) {
  --ua-state-hover-ink: var(--ua-state-danger-ink);
}
:where(.ua-struct-format) {
  --ua-state-active-ink: var(--universe-color-primary-strong);
  --ua-state-active-fill: var(--ua-glass-text-led);
}
:where(.ua-feed-action) {
  --ua-state-hover-transform: translateY(-1px);
}
:where(.ua-collection-order-edit-toggle) {
  --ua-state-active-fill: var(--ua-glass-text-led);
  --ua-state-active-ink: var(--universe-color-text);
}
:where(.ua-vote-btn) {
  --ua-state-hover-ink: var(--universe-color-text);
  --ua-state-hover-fill: var(--ua-glass-text-led);
  --ua-state-hover-lift: 0 2px 5px color-mix(in srgb, var(--universe-color-background) 16%, transparent);
  --ua-state-hover-transform: translateY(-1px);
}
:where(a.ua-checkout-line-title) {
  --ua-state-hover-ink: var(--universe-color-primary-strong);
  --ua-state-hover-underline: underline;
}
:where(.ua-line-remove) {
  --ua-state-hover-ink: var(--ua-checkout-remove-accent, var(--ua-state-danger-ink));
}
:where(.ua-global-toggle-icon) {
  --ua-state-hover-fill: var(--ua-glass-text-led);
}
:where(.ua-pdp-preview-pill) {
  --ua-state-active-fill: var(--ua-glass-text-led);
}
:where(.ua-quantity-step) {
  --ua-state-hover-fill: var(--ua-glass-art-led);
}
:where(.ua-product-option-pill) {
  --ua-state-hover-fill: var(--ua-glass-text-led);
  --ua-state-hover-ink: var(--universe-color-text);
  --ua-state-active-fill: var(--ua-glass-text-led);
  --ua-state-active-ink: var(--universe-color-text);
}
:where(.ua-cart-line-remove-btn) {
  --ua-state-hover-ink: var(--ua-state-danger-ink);
}
:where(.ua-pf-clear) {
  --ua-state-hover-ink: color-mix(in srgb, var(--universe-color-primary) 70%, var(--universe-color-text));
}
:where(.ua-fm-storage-button) {
  --ua-state-hover-fill: var(--ua-glass-text-led);
  --ua-state-active-fill: var(--ua-glass-text-led);
}
:where(.ua-fm-crumb) {
  --ua-state-hover-ink: var(--universe-color-primary);
  --ua-state-hover-fill: var(--ua-glass-text-led);
}
:where(.ua-hva-expand) {
  --ua-state-hover-fill: var(--ua-glass-text-led);
}
:where(.ua-dialog-close) {
  --ua-state-hover-fill: var(--ua-glass-text-led);
}
:where(.ua-tooltip-trigger) {
  --ua-state-hover-fill: var(--ua-glass-text-led);
}
:where(.ua-mp-action) {
  --ua-state-hover-fill: var(--ua-glass-text-led);
  --ua-state-active-ink: var(--universe-color-primary);
}
:where(.ua-text-hover-primary, [ua-text-hover="primary"], .btn-hover-primary) {
  --ua-state-hover-ink: var(--universe-color-primary);
}
:where(.ua-text-hover-accent, [ua-text-hover="accent"]) {
  --ua-state-hover-ink: var(--universe-color-accent);
}
:where(.ua-text-hover-success, [ua-text-hover="success"]) {
  --ua-state-hover-ink: var(--universe-color-success);
}
:where(.ua-text-hover-info, [ua-text-hover="info"]) {
  --ua-state-hover-ink: var(--universe-color-info);
}
:where(.ua-text-hover-warning, [ua-text-hover="warning"]) {
  --ua-state-hover-ink: var(--universe-color-warning);
}
:where(.ua-text-hover-error, [ua-text-hover="error"]) {
  --ua-state-hover-ink: var(--universe-color-error);
}
:where(.btn-text-primary, .btn-underline-primary) {
  --ua-state-hover-ink: var(--universe-color-text);
  --ua-state-hover-fill: var(--ua-glass-text-led);
}
:where(.ua-button) {
  --ua-state-press-transform: translateY(0.04rem);
}
:where(.ua-button-glass) {
  --ua-state-hover-ink: var(--universe-color-text);
  --ua-state-hover-fill: var(--ua-glass-text-led);
}
:where(.btn) {
  --ua-state-hover-filter: brightness(1.08);
}
:where(.universe-icon-action, .ua-icon-action) {
  --ua-state-hover-ink: var(--universe-color-on-icon-action);
  --ua-state-hover-fill: var(--ua-glass-text-led);
}
:where(.ua-navigable-lift) {
  --ua-state-hover-lift: 0 0.85rem 2.3rem color-mix(in srgb, var(--universe-color-background) 34%, transparent);
  --ua-state-hover-transform: translateY(-0.15rem);
}
:where(.ua-row-frame) {
  --ua-state-hover-lift: 0 0.85rem 2.3rem color-mix(in srgb, var(--universe-color-background) 34%, transparent);
  --ua-state-hover-transform: translateY(-0.15rem);
  --ua-state-hover-fill: var(--ua-glass-text-led);
}
:where(.ua-hover-lift) {
  --ua-state-hover-transform: translateY(-0.08rem);
}
:where(.ua-product-card-link) {
  --ua-state-hover-transform: translateY(-0.1875rem);
  --ua-state-hover-lift: 0 1.4rem 3rem color-mix(in srgb, var(--ua-commerce-shadow) 46%, transparent);
}
:where(a.ua-page-preview-link) {
  --ua-state-hover-transform: translateY(-0.125rem);
  --ua-state-hover-lift: 0 1rem 2.4rem color-mix(in srgb, var(--universe-color-background) 44%, transparent);
}
:where(.ua-collection-order-card) {
  --ua-state-hover-transform: translateY(-0.08rem);
  --ua-state-hover-lift: 0 0.85rem 2rem color-mix(in srgb, var(--universe-color-background) 40%, transparent);
}
:where(.ua-copy-button) {
  --ua-state-hover-fill: var(--ua-glass-text-led);
}
:where(.ua-footer-location-action) {
  --ua-state-hover-transform: translateY(-1px);
  --ua-state-hover-fill: var(--ua-glass-text-led);
}
:where(.ua-directions-option) {
  --ua-state-hover-transform: translateY(-1px);
  --ua-state-hover-fill: var(--ua-glass-text-led);
}
:where(.ua-social-link) {
  --ua-state-hover-transform: translateY(-0.08rem);
  --ua-state-hover-fill: var(--ua-glass-text-led);
  --ua-state-hover-lift: 0 1rem 2.2rem color-mix(in srgb, var(--universe-color-background) 38%, transparent);
  --ua-state-hover-ink: var(--universe-color-text);
}
:where(.ua-recommendation-apply) {
  --ua-state-hover-ink: var(--universe-color-primary);
}
:where(.ua-error-action) {
  --ua-state-hover-fill: var(--ua-glass-text-led);
}
:where(.ua-checkout-icon-btn) {
  --ua-state-hover-fill: var(--ua-glass-text-led);
  --ua-state-press-transform: scale(.94);
}
:where(.ua-add-card) {
  --ua-state-hover-fill: var(--ua-glass-text-led);
  --ua-state-press-transform: scale(.99);
}
:where(.ua-wallet-card) {
  --ua-state-hover-transform: scale(1.05);
  --ua-state-active-transform: scale(1.05);
  --ua-state-active-lift: 0 10px 24px color-mix(in srgb, var(--universe-color-background) 50%, transparent);
}
:where(.ua-ship-card) {
  --ua-state-active-lift: 0 8px 22px color-mix(in srgb, var(--universe-color-background) 40%, transparent);
}
:where(.ua-pf-apply) {
  --ua-state-hover-fill: var(--ua-glass-text-led);
}
:where(.ua-pdp-preview-confirm) {
  --ua-state-press-transform: scale(.94);
}
:where(.ua-testmode-badge) {
  --ua-state-hover-fill: var(--ua-glass-text-led);
  --ua-state-press-transform: scale(.95);
}
:where(.ua-motion-restart) {
  --ua-state-hover-fill: var(--ua-glass-text-led);
}
:where(.ua-mp-bigplay) {
  --ua-state-hover-fill: var(--ua-glass-art-led);
}
:where(.ua-dashboard-import-drop) {
  --ua-state-hover-fill: var(--ua-glass-text-led);
}
:where(.ua-upload-cancel) {
  --ua-state-hover-fill: var(--ua-glass-text-led);
}
:where(.ua-file-thin-pick) {
  --ua-state-hover-fill: var(--ua-glass-text-led);
}
/* 1. NORMAL — leaving a state eases back on the same clock (a family's own transition, if any, wins). */
:where(.ua-shimmer-dense, .ua-button-toggle-option, .ua-button-toggle-cycle, .ua-tab, .nav-link:not(.ua-navbar-item), .ua-navbar-item, .ua-navbar-menu .ua-navbar-item, .ua-row-action, .ua-fm-toolbar-actions .ua-row-action, .ua-row-action-danger, .ua-navigable, .ua-navigable-row, a.ua-avatar, .ua-input, .ua-select, .ua-textarea, .ua-form-field input:not(.ua-switch-input), .ua-form-field textarea, .ua-form-field select, .ua-doc-basic-textarea, .ua-doc-simple-editor, .ua-date-picker-meridiem-btn, .ua-date-picker-minute-option, .ua-dashboard-toolbar-action, .ua-navbar-menu-toggle, .ua-navbar-menu-go, .ua-struct-move-up, .ua-struct-move-down, .ua-struct-add, .ua-struct-hatch-toggle, .ua-file-field-pick, .ua-fm-row-frame, .ua-fm-folder, .ua-fm-dialog-select, .ua-doc-tool, .ua-class-placement-button, .ua-class-chip, .ua-date-picker-day, .ua-list-option, .ua-quick-shots-reference-option, .ua-date-picker-jump, .ua-date-picker-jump-option, .ua-color-picker-trigger, .ua-color-picker-hue, .ua-color-picker-alpha, .ua-color-picker-map, .ua-color-picker-preset, .ua-color-picker-value, .ua-switch-input, .ua-uri-tab, .ua-wizard-summary-goto, .ua-wizard-nav[data-wizard-nav-compact="true"] .ua-wizard-nav-step:not([data-wizard-nav-state="current"]), .ua-dashboard-toolbar-control, .ua-dashboard-funnel, .ua-dashboard-view-single, .ua-dashboard-record-action, .ua-dashboard-page-prev, .ua-dashboard-page-next, .ua-dashboard-page-edge, .ua-dashboard-active-filter-chip, .ua-navbar-item-icon-only, .ua-navbar-menu-section-summary, .ua-navbar-menu-back, .ua-navbar-menu-link, .ua-navbar-menu-fullscreen .ua-navbar-menu-link, .ua-footer-built-with, .ua-footer-terms a, .ua-schema-editor-tab, .ua-struct-remove, .ua-struct-drag, .ua-struct-format, .ua-struct-code, .ua-feed-action, .ua-collection-order-edit-toggle, .ua-vote-btn, a.ua-checkout-line-title, .ua-line-remove, .ua-checkout-line-swipe > .ua-checkout-line, .ua-global-toggle-icon, .ua-pdp-preview-close, .ua-pdp-preview-pill, .ua-testmode-close, .ua-quantity-step, .ua-product-carousel .carousel-indicators button, .ua-product-option-pill, .ua-cart-line-remove-btn, .ua-product-filters .ua-dashboard-search, .ua-pf-funnel, .ua-pf-chip, .ua-pf-clear, .ua-product-property-control, .ua-fm-storage-button, .ua-fm-crumb, .ua-file-thin-url, .ua-hva-expand, .ua-hva-modal-close, .ua-dialog-close, .ua-tooltip-trigger, .ua-mp-action, .ua-mp-range, .ua-text-hover-primary, [ua-text-hover="primary"], .btn-hover-primary, .ua-text-hover-accent, [ua-text-hover="accent"], .ua-text-hover-success, [ua-text-hover="success"], .ua-text-hover-info, [ua-text-hover="info"], .ua-text-hover-warning, [ua-text-hover="warning"], .ua-text-hover-error, [ua-text-hover="error"], .btn-text-primary, .btn-underline-primary, .ua-shimmer, .ua-button, .ua-button-glass, .ua-wizard-actions button, .ua-dialog-actions button, .btn, .universe-icon-action, .ua-icon-action, .ua-navigable-lift, .ua-row-frame, .ua-hover-lift, .ua-product-card-link, a.ua-page-preview-link, .ua-collection-order-card, .ua-copy-button, .ua-footer-location-action, .ua-directions-option, .ua-social-link, .ua-recommendation-apply, .ua-error-action, .ua-checkout-icon-btn, .ua-add-card, .ua-wallet-card, .ua-ship-card, .ua-addr-card, .ua-product-card-editable, .ua-pf-apply, .ua-pdp-preview-confirm, .ua-testmode-badge, .ua-motion-restart, .ua-async-notice-retry, .ua-mp-state-retry, .ua-mp-bigplay, .ua-hva-cta, .ua-dashboard-import-drop, .ua-upload-cancel, .ua-file-thin-pick, .ua-hover-glow, .ua-fm-card, .ua-doc-control-frame, .ua-dashboard-filter-pill, .ua-product-option-pill, .ua-pf-check, .ua-file-field-name, .ua-file-field-pick, .ua-row-frame, .ua-fm-row-frame, .ua-fm-card, .ua-collection-order-card, .ua-button-toggle-option, .ua-wallet-card) {
  transition: var(--ua-state-normal-transition);
}
@media screen {
  /* 2. HOVER = FOCUS-VISIBLE — keyboard focus, the forcing class and the listbox cursor (.is-active), always. */
  :where(button, select, textarea, input:not([type="hidden"]), [role="button"], [role="tab"], [role="option"], [role="switch"], [role="checkbox"], [role="radio"]):is(:focus-visible, .ua-state-hover, .is-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
    border-color: color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-edge-mix), transparent) !important;
    box-shadow: var(--ua-state-hover-lift, 0 0 transparent), var(--ua-shimmer-glow) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-glow-mix), transparent), inset 0 0 0 var(--ua-state-edge-ring) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-edge-mix), transparent), inset 0 0 0 var(--ua-shimmer-wash-inset) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-wash-mix), transparent) !important;
    outline-color: transparent;
    transition: var(--ua-shimmer-transition);
  }
  :where(a[href], summary, [role="link"], [role="menuitem"]):where(:not(.ua-button, .ua-button-primary, .ua-button-secondary, .ua-button-ghost, .ua-button-glass, .ua-button-danger, .btn)):is(:focus-visible, .ua-state-hover, .is-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
    color: var(--ua-state-hover-ink);
    box-shadow: var(--ua-state-hover-lift, 0 0 transparent), var(--ua-shimmer-glow) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-glow-mix), transparent) !important;
    outline-color: transparent;
    transition: var(--ua-shimmer-transition);
  }
  :where(a.ua-avatar, .ua-quick-shots-reference-option, .ua-wizard-summary-goto, .ua-dashboard-toolbar-control, .ua-dashboard-record-action, .ua-dashboard-page-edge, .ua-footer-built-with, .ua-footer-terms a, .ua-vote-btn, a.ua-checkout-line-title, .ua-quantity-step, .ua-pf-clear, .ua-text-hover-primary, [ua-text-hover="primary"], .btn-hover-primary, .ua-text-hover-accent, [ua-text-hover="accent"], .ua-text-hover-success, [ua-text-hover="success"], .ua-text-hover-info, [ua-text-hover="info"], .ua-text-hover-warning, [ua-text-hover="warning"], .ua-text-hover-error, [ua-text-hover="error"], .btn-text-primary, .btn-underline-primary):is(:focus-visible, .ua-state-hover, .is-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
    color: var(--ua-state-hover-ink);
    box-shadow: var(--ua-state-hover-lift, 0 0 transparent), var(--ua-shimmer-glow) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-glow-mix), transparent) !important;
    outline-color: transparent;
    transition: var(--ua-shimmer-transition);
  }
  :where(.ua-button-toggle-option, .ua-navbar-item, .ua-navbar-menu .ua-navbar-item, .ua-row-action, .ua-row-action-danger, .ua-fm-crumb):is(:focus-visible, .ua-state-hover, .is-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
    color: var(--ua-state-hover-ink);
    box-shadow: var(--ua-state-hover-lift, 0 0 transparent), var(--ua-shimmer-glow) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-glow-mix), transparent) !important;
    outline-color: transparent;
    transition: var(--ua-shimmer-transition);
  }
  :where(.ua-shimmer-dense, .ua-button-toggle-cycle, .ua-tab, .nav-link:not(.ua-navbar-item), .ua-fm-toolbar-actions .ua-row-action, .ua-navigable, .ua-navigable-row, .ua-input, .ua-select, .ua-textarea, .ua-form-field input:not(.ua-switch-input), .ua-form-field textarea, .ua-form-field select, .ua-doc-basic-textarea, .ua-doc-simple-editor, .ua-date-picker-meridiem-btn, .ua-date-picker-minute-option, .ua-dashboard-toolbar-action, .ua-navbar-menu-toggle, .ua-navbar-menu-go, .ua-struct-move-up, .ua-struct-move-down, .ua-struct-add, .ua-struct-hatch-toggle, .ua-file-field-pick, .ua-fm-row-frame, .ua-fm-folder, .ua-fm-dialog-select, .ua-doc-tool, .ua-class-placement-button, .ua-class-chip, .ua-date-picker-day, .ua-list-option, .ua-date-picker-jump, .ua-date-picker-jump-option, .ua-color-picker-trigger, .ua-color-picker-hue, .ua-color-picker-alpha, .ua-color-picker-map, .ua-color-picker-preset, .ua-color-picker-value, .ua-switch-input, .ua-uri-tab, .ua-wizard-nav[data-wizard-nav-compact="true"] .ua-wizard-nav-step:not([data-wizard-nav-state="current"]), .ua-dashboard-funnel, .ua-dashboard-view-single, .ua-dashboard-page-prev, .ua-dashboard-page-next, .ua-dashboard-active-filter-chip, .ua-navbar-item-icon-only, .ua-navbar-menu-section-summary, .ua-navbar-menu-back, .ua-navbar-menu-link, .ua-navbar-menu-fullscreen .ua-navbar-menu-link, .ua-schema-editor-tab, .ua-struct-remove, .ua-struct-drag, .ua-struct-format, .ua-struct-code, .ua-feed-action, .ua-collection-order-edit-toggle, .ua-line-remove, .ua-checkout-line-swipe > .ua-checkout-line, .ua-global-toggle-icon, .ua-pdp-preview-close, .ua-pdp-preview-pill, .ua-testmode-close, .ua-product-carousel .carousel-indicators button, .ua-product-option-pill, .ua-cart-line-remove-btn, .ua-product-filters .ua-dashboard-search, .ua-pf-funnel, .ua-pf-chip, .ua-product-property-control, .ua-fm-storage-button, .ua-file-thin-url, .ua-hva-expand, .ua-hva-modal-close, .ua-dialog-close, .ua-tooltip-trigger, .ua-mp-action, .ua-mp-range):is(:focus-visible, .ua-state-hover, .is-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
  .ua-dashboard-filter-pill:has(.ua-dashboard-filter-pill-input:focus-visible):is(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)),
  .ua-product-option-input:focus-visible + .ua-product-option-pill:is(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)),
  .ua-pf-check:has(input:focus-visible):is(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)),
  .ua-file-field-input:focus-visible + .ua-file-field-name:is(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)) {
    border-color: color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-edge-mix), transparent) !important;
    box-shadow: var(--ua-state-hover-lift, 0 0 transparent), var(--ua-shimmer-glow) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-glow-mix), transparent), inset 0 0 0 var(--ua-state-edge-ring) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-edge-mix), transparent), inset 0 0 0 var(--ua-shimmer-wash-inset) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-wash-mix), transparent) !important;
    outline-color: transparent;
    transition: var(--ua-shimmer-transition);
  }
  :where(.ua-shimmer, .ua-button, .ua-button-glass, .ua-wizard-actions button, .ua-dialog-actions button, .btn, .universe-icon-action, .ua-icon-action, .ua-navigable-lift, .ua-row-frame, .ua-hover-lift, .ua-product-card-link, a.ua-page-preview-link, .ua-collection-order-card, .ua-copy-button, .ua-footer-location-action, .ua-directions-option, .ua-social-link, .ua-recommendation-apply, .ua-error-action, .ua-checkout-icon-btn, .ua-add-card, .ua-wallet-card, .ua-ship-card, .ua-addr-card, .ua-product-card-editable, .ua-pf-apply, .ua-pdp-preview-confirm, .ua-testmode-badge, .ua-motion-restart, .ua-async-notice-retry, .ua-mp-state-retry, .ua-mp-bigplay, .ua-hva-cta, .ua-dashboard-import-drop, .ua-upload-cancel, .ua-file-thin-pick, .ua-hover-glow, .ua-fm-card):is(:focus-visible, .ua-state-hover, .is-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
    border-color: color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-edge-mix), transparent) !important;
    box-shadow: var(--ua-state-hover-lift, 0 0 transparent), var(--ua-shimmer-glow) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-glow-mix), transparent), inset 0 0 0 var(--ua-state-edge-ring) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-edge-mix), transparent), inset 0 0 0 var(--ua-shimmer-wash-inset) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-wash-mix), transparent) !important;
    outline-color: transparent;
    transition: var(--ua-shimmer-transition);
  }
  :where(.ua-button-toggle-option, .ua-navbar-item, .ua-row-action, .ua-row-action-danger, .ua-date-picker-jump, .ua-uri-tab, .ua-navbar-menu-fullscreen .ua-navbar-menu-link, .ua-footer-built-with, .ua-struct-remove, .ua-vote-btn, a.ua-checkout-line-title, .ua-line-remove, .ua-product-option-pill, .ua-cart-line-remove-btn, .ua-pf-clear, .ua-fm-crumb, .ua-text-hover-primary, [ua-text-hover="primary"], .btn-hover-primary, .ua-text-hover-accent, [ua-text-hover="accent"], .ua-text-hover-success, [ua-text-hover="success"], .ua-text-hover-info, [ua-text-hover="info"], .ua-text-hover-warning, [ua-text-hover="warning"], .ua-text-hover-error, [ua-text-hover="error"], .btn-text-primary, .btn-underline-primary, .ua-button-glass, .universe-icon-action, .ua-icon-action, .ua-social-link, .ua-recommendation-apply):is(:focus-visible, .ua-state-hover, .is-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
  .ua-product-option-input:focus-visible + .ua-product-option-pill:is(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)) {
    color: var(--ua-state-hover-ink) !important;
  }
  :where(.ua-navbar-menu .ua-navbar-item, .ua-row-action, .ua-row-action-danger, .ua-navigable-row, .ua-dashboard-toolbar-action, .ua-navbar-menu-toggle, .ua-doc-tool, .ua-class-placement-button, .ua-class-chip, .ua-uri-tab, .ua-wizard-summary-goto, .ua-dashboard-record-action, .ua-dashboard-page-prev, .ua-dashboard-page-next, .ua-dashboard-page-edge, .ua-dashboard-active-filter-chip, .ua-navbar-item-icon-only, .ua-navbar-menu-section-summary, .ua-navbar-menu-back, .ua-schema-editor-tab, .ua-vote-btn, .ua-global-toggle-icon, .ua-quantity-step, .ua-product-option-pill, .ua-fm-storage-button, .ua-fm-crumb, .ua-hva-expand, .ua-dialog-close, .ua-tooltip-trigger, .ua-mp-action, .btn-text-primary, .btn-underline-primary, .ua-button-glass, .universe-icon-action, .ua-icon-action, .ua-row-frame, .ua-copy-button, .ua-footer-location-action, .ua-directions-option, .ua-social-link, .ua-error-action, .ua-checkout-icon-btn, .ua-add-card, .ua-pf-apply, .ua-testmode-badge, .ua-motion-restart, .ua-mp-bigplay, .ua-dashboard-import-drop, .ua-upload-cancel, .ua-file-thin-pick):is(:focus-visible, .ua-state-hover, .is-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
  .ua-product-option-input:focus-visible + .ua-product-option-pill:is(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)) {
    background: var(--ua-state-hover-fill) !important;
  }
  :where(.btn):is(:focus-visible, .ua-state-hover, .is-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
    filter: var(--ua-state-hover-filter) !important;
  }
  :where(.ua-footer-built-with, .ua-footer-terms a, a.ua-checkout-line-title):is(:focus-visible, .ua-state-hover, .is-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
    text-decoration: var(--ua-state-hover-underline) !important;
  }
  /* 3. ACTIVE — selected / current / pressed / expanded / checked / pressing: one look, and it stays on. */
  :where(a[href], summary, [role="link"], [role="menuitem"]):where(:not(.ua-button, .ua-button-primary, .ua-button-secondary, .ua-button-ghost, .ua-button-glass, .ua-button-danger, .btn)):is(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, :active, .ua-state-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
  :where(a.ua-avatar, .ua-quick-shots-reference-option, .ua-wizard-summary-goto, .ua-dashboard-toolbar-control, .ua-dashboard-record-action, .ua-dashboard-page-edge, .ua-footer-built-with, .ua-footer-terms a, .ua-vote-btn, a.ua-checkout-line-title, .ua-quantity-step, .ua-pf-clear, .ua-text-hover-primary, [ua-text-hover="primary"], .btn-hover-primary, .ua-text-hover-accent, [ua-text-hover="accent"], .ua-text-hover-success, [ua-text-hover="success"], .ua-text-hover-info, [ua-text-hover="info"], .ua-text-hover-warning, [ua-text-hover="warning"], .ua-text-hover-error, [ua-text-hover="error"], .btn-text-primary, .btn-underline-primary):is(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, :active, .ua-state-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
    color: var(--ua-state-active-ink);
    box-shadow: var(--ua-state-active-lift, 0 0 transparent), var(--ua-shimmer-glow) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-glow-mix), transparent) !important;
    outline-color: transparent;
    transition: var(--ua-shimmer-transition);
  }
  :where(.ua-button-toggle-option, .ua-navbar-item, .ua-navbar-menu .ua-navbar-item, .ua-row-action, .ua-row-action-danger, .ua-fm-crumb):is(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, :active, .ua-state-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
  .ua-button-toggle-option:has(:checked):is(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, [aria-busy="true"], .ua-state-busy) {
    color: var(--ua-state-active-ink);
    box-shadow: var(--ua-state-active-lift, 0 0 transparent), var(--ua-shimmer-glow) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-glow-mix), transparent) !important;
    outline-color: transparent;
    transition: var(--ua-shimmer-transition);
  }
  :where(button, select, textarea, input:not([type="hidden"]), [role="button"], [role="tab"], [role="option"], [role="switch"], [role="checkbox"], [role="radio"]):is(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, :active, .ua-state-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
  :where(.ua-shimmer-dense, .ua-button-toggle-cycle, .ua-tab, .nav-link:not(.ua-navbar-item), .ua-fm-toolbar-actions .ua-row-action, .ua-navigable, .ua-navigable-row, .ua-input, .ua-select, .ua-textarea, .ua-form-field input:not(.ua-switch-input), .ua-form-field textarea, .ua-form-field select, .ua-doc-basic-textarea, .ua-doc-simple-editor, .ua-date-picker-meridiem-btn, .ua-date-picker-minute-option, .ua-dashboard-toolbar-action, .ua-navbar-menu-toggle, .ua-navbar-menu-go, .ua-struct-move-up, .ua-struct-move-down, .ua-struct-add, .ua-struct-hatch-toggle, .ua-file-field-pick, .ua-fm-row-frame, .ua-fm-folder, .ua-fm-dialog-select, .ua-doc-tool, .ua-class-placement-button, .ua-class-chip, .ua-date-picker-day, .ua-list-option, .ua-date-picker-jump, .ua-date-picker-jump-option, .ua-color-picker-trigger, .ua-color-picker-hue, .ua-color-picker-alpha, .ua-color-picker-map, .ua-color-picker-preset, .ua-color-picker-value, .ua-switch-input, .ua-uri-tab, .ua-wizard-nav[data-wizard-nav-compact="true"] .ua-wizard-nav-step:not([data-wizard-nav-state="current"]), .ua-dashboard-funnel, .ua-dashboard-view-single, .ua-dashboard-page-prev, .ua-dashboard-page-next, .ua-dashboard-active-filter-chip, .ua-navbar-item-icon-only, .ua-navbar-menu-section-summary, .ua-navbar-menu-back, .ua-navbar-menu-link, .ua-navbar-menu-fullscreen .ua-navbar-menu-link, .ua-schema-editor-tab, .ua-struct-remove, .ua-struct-drag, .ua-struct-format, .ua-struct-code, .ua-feed-action, .ua-collection-order-edit-toggle, .ua-line-remove, .ua-checkout-line-swipe > .ua-checkout-line, .ua-global-toggle-icon, .ua-pdp-preview-close, .ua-pdp-preview-pill, .ua-testmode-close, .ua-product-carousel .carousel-indicators button, .ua-product-option-pill, .ua-cart-line-remove-btn, .ua-product-filters .ua-dashboard-search, .ua-pf-funnel, .ua-pf-chip, .ua-product-property-control, .ua-fm-storage-button, .ua-file-thin-url, .ua-hva-expand, .ua-hva-modal-close, .ua-dialog-close, .ua-tooltip-trigger, .ua-mp-action, .ua-mp-range):is(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, :active, .ua-state-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
  .ua-dashboard-filter-pill:has(.ua-dashboard-filter-pill-input:checked):is(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, [aria-busy="true"], .ua-state-busy),
  .ua-product-option-input:checked + .ua-product-option-pill:is(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, [aria-busy="true"], .ua-state-busy),
  .ua-pf-check:has(input:checked):is(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, [aria-busy="true"], .ua-state-busy),
  .ua-fm-row-frame.is-selected:is(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for]):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, [aria-busy="true"], .ua-state-busy),
  .ua-fm-card.is-selected:is(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for]):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, [aria-busy="true"], .ua-state-busy),
  .ua-wallet-card[data-selected="1"]:is(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for]):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, [aria-busy="true"], .ua-state-busy) {
    border-color: color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-active-edge-mix), transparent) !important;
    box-shadow: var(--ua-state-active-lift, 0 0 transparent), var(--ua-shimmer-glow) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-glow-mix), transparent), inset 0 0 0 var(--ua-state-edge-ring) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-active-edge-mix), transparent), inset 0 0 0 1px color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-active-ring-mix), transparent), inset 0 0 0 var(--ua-shimmer-wash-inset) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-active-wash-mix), transparent) !important;
    transition: var(--ua-shimmer-transition);
  }
  :where(.ua-shimmer, .ua-button, .ua-button-glass, .ua-wizard-actions button, .ua-dialog-actions button, .btn, .universe-icon-action, .ua-icon-action, .ua-navigable-lift, .ua-row-frame, .ua-hover-lift, .ua-product-card-link, a.ua-page-preview-link, .ua-collection-order-card, .ua-copy-button, .ua-footer-location-action, .ua-directions-option, .ua-social-link, .ua-recommendation-apply, .ua-error-action, .ua-checkout-icon-btn, .ua-add-card, .ua-wallet-card, .ua-ship-card, .ua-addr-card, .ua-product-card-editable, .ua-pf-apply, .ua-pdp-preview-confirm, .ua-testmode-badge, .ua-motion-restart, .ua-async-notice-retry, .ua-mp-state-retry, .ua-mp-bigplay, .ua-hva-cta, .ua-dashboard-import-drop, .ua-upload-cancel, .ua-file-thin-pick, .ua-hover-glow, .ua-fm-card):is(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, :active, .ua-state-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
    border-color: color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-active-edge-mix), transparent) !important;
    box-shadow: var(--ua-state-active-lift, 0 0 transparent), var(--ua-shimmer-glow) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-glow-mix), transparent), inset 0 0 0 var(--ua-state-edge-ring) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-active-edge-mix), transparent), inset 0 0 0 1px color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-active-ring-mix), transparent), inset 0 0 0 var(--ua-shimmer-wash-inset) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-active-wash-mix), transparent) !important;
    transition: var(--ua-shimmer-transition);
  }
  :where(.ua-tab, .nav-link:not(.ua-navbar-item), .ua-navbar-item, .ua-row-action, .ua-date-picker-meridiem-btn, .ua-date-picker-minute-option, .ua-date-picker-day, .ua-list-option, .ua-date-picker-jump, .ua-date-picker-jump-option, .ua-uri-tab, .ua-struct-format, .ua-collection-order-edit-toggle, .ua-product-option-pill, .ua-mp-action):is(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, :active, .ua-state-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
  .ua-product-option-input:checked + .ua-product-option-pill:is(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)) {
    color: var(--ua-state-active-ink) !important;
  }
  :where(.ua-button-toggle-option, .ua-navbar-menu .ua-navbar-item, .ua-row-action, .ua-date-picker-meridiem-btn, .ua-date-picker-minute-option, .ua-fm-row-frame, .ua-class-placement-button, .ua-class-chip, .ua-date-picker-day, .ua-list-option, .ua-date-picker-jump-option, .ua-uri-tab, .ua-schema-editor-tab, .ua-struct-format, .ua-collection-order-edit-toggle, .ua-pdp-preview-pill, .ua-product-option-pill, .ua-fm-storage-button):is(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, :active, .ua-state-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
  .ua-button-toggle-option:has(:checked):is(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)),
  .ua-fm-row-frame.is-selected:is(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for]),
  .ua-product-option-input:checked + .ua-product-option-pill:is(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)) {
    background: var(--ua-state-active-fill) !important;
  }
  /* ACTIVE + HOVER/FOCUS: a bordered control keeps its edge; a borderless action keeps its ink. */
  :where(a[href], summary, [role="link"], [role="menuitem"]):where(:not(.ua-button, .ua-button-primary, .ua-button-secondary, .ua-button-ghost, .ua-button-glass, .ua-button-danger, .btn)):is(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, .ua-state-active):is(:focus-visible, .ua-state-hover, .is-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
  :where(a.ua-avatar, .ua-quick-shots-reference-option, .ua-wizard-summary-goto, .ua-dashboard-toolbar-control, .ua-dashboard-record-action, .ua-dashboard-page-edge, .ua-footer-built-with, .ua-footer-terms a, .ua-vote-btn, a.ua-checkout-line-title, .ua-quantity-step, .ua-pf-clear, .ua-text-hover-primary, [ua-text-hover="primary"], .btn-hover-primary, .ua-text-hover-accent, [ua-text-hover="accent"], .ua-text-hover-success, [ua-text-hover="success"], .ua-text-hover-info, [ua-text-hover="info"], .ua-text-hover-warning, [ua-text-hover="warning"], .ua-text-hover-error, [ua-text-hover="error"], .btn-text-primary, .btn-underline-primary):is(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, .ua-state-active):is(:focus-visible, .ua-state-hover, .is-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
    color: var(--ua-state-active-ink);
    box-shadow: var(--ua-state-hover-lift, 0 0 transparent), var(--ua-shimmer-glow) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-glow-mix), transparent) !important;
    outline-color: transparent;
  }
  :where(.ua-button-toggle-option, .ua-navbar-item, .ua-navbar-menu .ua-navbar-item, .ua-row-action, .ua-row-action-danger, .ua-fm-crumb):is(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, .ua-state-active):is(:focus-visible, .ua-state-hover, .is-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
    color: var(--ua-state-active-ink);
    box-shadow: var(--ua-state-hover-lift, 0 0 transparent), var(--ua-shimmer-glow) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-glow-mix), transparent) !important;
    outline-color: transparent;
  }
  :where(button, select, textarea, input:not([type="hidden"]), [role="button"], [role="tab"], [role="option"], [role="switch"], [role="checkbox"], [role="radio"]):is(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, .ua-state-active):is(:focus-visible, .ua-state-hover, .is-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
  :where(.ua-shimmer-dense, .ua-button-toggle-cycle, .ua-tab, .nav-link:not(.ua-navbar-item), .ua-fm-toolbar-actions .ua-row-action, .ua-navigable, .ua-navigable-row, .ua-input, .ua-select, .ua-textarea, .ua-form-field input:not(.ua-switch-input), .ua-form-field textarea, .ua-form-field select, .ua-doc-basic-textarea, .ua-doc-simple-editor, .ua-date-picker-meridiem-btn, .ua-date-picker-minute-option, .ua-dashboard-toolbar-action, .ua-navbar-menu-toggle, .ua-navbar-menu-go, .ua-struct-move-up, .ua-struct-move-down, .ua-struct-add, .ua-struct-hatch-toggle, .ua-file-field-pick, .ua-fm-row-frame, .ua-fm-folder, .ua-fm-dialog-select, .ua-doc-tool, .ua-class-placement-button, .ua-class-chip, .ua-date-picker-day, .ua-list-option, .ua-date-picker-jump, .ua-date-picker-jump-option, .ua-color-picker-trigger, .ua-color-picker-hue, .ua-color-picker-alpha, .ua-color-picker-map, .ua-color-picker-preset, .ua-color-picker-value, .ua-switch-input, .ua-uri-tab, .ua-wizard-nav[data-wizard-nav-compact="true"] .ua-wizard-nav-step:not([data-wizard-nav-state="current"]), .ua-dashboard-funnel, .ua-dashboard-view-single, .ua-dashboard-page-prev, .ua-dashboard-page-next, .ua-dashboard-active-filter-chip, .ua-navbar-item-icon-only, .ua-navbar-menu-section-summary, .ua-navbar-menu-back, .ua-navbar-menu-link, .ua-navbar-menu-fullscreen .ua-navbar-menu-link, .ua-schema-editor-tab, .ua-struct-remove, .ua-struct-drag, .ua-struct-format, .ua-struct-code, .ua-feed-action, .ua-collection-order-edit-toggle, .ua-line-remove, .ua-checkout-line-swipe > .ua-checkout-line, .ua-global-toggle-icon, .ua-pdp-preview-close, .ua-pdp-preview-pill, .ua-testmode-close, .ua-product-carousel .carousel-indicators button, .ua-product-option-pill, .ua-cart-line-remove-btn, .ua-product-filters .ua-dashboard-search, .ua-pf-funnel, .ua-pf-chip, .ua-product-property-control, .ua-fm-storage-button, .ua-file-thin-url, .ua-hva-expand, .ua-hva-modal-close, .ua-dialog-close, .ua-tooltip-trigger, .ua-mp-action, .ua-mp-range):is(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, .ua-state-active):is(:focus-visible, .ua-state-hover, .is-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
    border-color: var(--glow-ink, currentColor) !important;
    box-shadow: var(--ua-state-hover-lift, 0 0 transparent), var(--ua-shimmer-glow) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-glow-mix), transparent), inset 0 0 0 1px var(--glow-ink, currentColor), inset 0 0 0 var(--ua-shimmer-wash-inset) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-active-wash-mix), transparent) !important;
    outline-color: transparent;
  }
  :where(.ua-shimmer, .ua-button, .ua-button-glass, .ua-wizard-actions button, .ua-dialog-actions button, .btn, .universe-icon-action, .ua-icon-action, .ua-navigable-lift, .ua-row-frame, .ua-hover-lift, .ua-product-card-link, a.ua-page-preview-link, .ua-collection-order-card, .ua-copy-button, .ua-footer-location-action, .ua-directions-option, .ua-social-link, .ua-recommendation-apply, .ua-error-action, .ua-checkout-icon-btn, .ua-add-card, .ua-wallet-card, .ua-ship-card, .ua-addr-card, .ua-product-card-editable, .ua-pf-apply, .ua-pdp-preview-confirm, .ua-testmode-badge, .ua-motion-restart, .ua-async-notice-retry, .ua-mp-state-retry, .ua-mp-bigplay, .ua-hva-cta, .ua-dashboard-import-drop, .ua-upload-cancel, .ua-file-thin-pick, .ua-hover-glow, .ua-fm-card):is(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, .ua-state-active):is(:focus-visible, .ua-state-hover, .is-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
    box-shadow: var(--ua-state-hover-lift, 0 0 transparent), var(--ua-shimmer-glow) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-glow-mix), transparent), inset 0 0 0 1px color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-active-ring-mix), transparent), inset 0 0 0 var(--ua-shimmer-wash-inset) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-active-wash-mix), transparent) !important;
    outline-color: transparent;
  }
  /* 2. HOVER with a real pointer only ([[D350]]): the same look, never stuck after a tap, never mid-press; never on focus-only items. */
  @media (hover: hover) {
    :where(a[href], summary, [role="link"], [role="menuitem"]):where(:not(.ua-button, .ua-button-primary, .ua-button-secondary, .ua-button-ghost, .ua-button-glass, .ua-button-danger, .btn)):is(:hover, :focus-visible):not(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, .ua-state-active):not(:active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
    :where(a.ua-avatar, .ua-quick-shots-reference-option, .ua-wizard-summary-goto, .ua-dashboard-toolbar-control, .ua-dashboard-record-action, .ua-dashboard-page-edge, .ua-footer-built-with, .ua-footer-terms a, .ua-vote-btn, a.ua-checkout-line-title, .ua-quantity-step, .ua-pf-clear, .ua-text-hover-primary, [ua-text-hover="primary"], .btn-hover-primary, .ua-text-hover-accent, [ua-text-hover="accent"], .ua-text-hover-success, [ua-text-hover="success"], .ua-text-hover-info, [ua-text-hover="info"], .ua-text-hover-warning, [ua-text-hover="warning"], .ua-text-hover-error, [ua-text-hover="error"], .btn-text-primary, .btn-underline-primary):is(:hover, :focus-visible):not(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, .ua-state-active):not(:active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
      color: var(--ua-state-hover-ink);
      box-shadow: var(--ua-state-hover-lift, 0 0 transparent), var(--ua-shimmer-glow) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-glow-mix), transparent) !important;
      outline-color: transparent;
      transition: var(--ua-shimmer-transition);
    }
    :where(.ua-button-toggle-option, .ua-navbar-item, .ua-navbar-menu .ua-navbar-item, .ua-row-action, .ua-row-action-danger, .ua-fm-crumb):is(:hover, :focus-visible):not(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, .ua-state-active):not(:active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
      color: var(--ua-state-hover-ink);
      box-shadow: var(--ua-state-hover-lift, 0 0 transparent), var(--ua-shimmer-glow) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-glow-mix), transparent) !important;
      outline-color: transparent;
      transition: var(--ua-shimmer-transition);
    }
    :where(button, select, textarea, input:not([type="hidden"]), [role="button"], [role="tab"], [role="option"], [role="switch"], [role="checkbox"], [role="radio"]):is(:hover, :focus-visible):not(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, .ua-state-active):not(:active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
    :where(.ua-shimmer-dense, .ua-button-toggle-cycle, .ua-tab, .nav-link:not(.ua-navbar-item), .ua-fm-toolbar-actions .ua-row-action, .ua-navigable, .ua-navigable-row, .ua-input, .ua-select, .ua-textarea, .ua-form-field input:not(.ua-switch-input), .ua-form-field textarea, .ua-form-field select, .ua-doc-basic-textarea, .ua-doc-simple-editor, .ua-date-picker-meridiem-btn, .ua-date-picker-minute-option, .ua-dashboard-toolbar-action, .ua-navbar-menu-toggle, .ua-navbar-menu-go, .ua-struct-move-up, .ua-struct-move-down, .ua-struct-add, .ua-struct-hatch-toggle, .ua-file-field-pick, .ua-fm-row-frame, .ua-fm-folder, .ua-fm-dialog-select, .ua-doc-tool, .ua-class-placement-button, .ua-class-chip, .ua-date-picker-day, .ua-list-option, .ua-date-picker-jump, .ua-date-picker-jump-option, .ua-color-picker-trigger, .ua-color-picker-hue, .ua-color-picker-alpha, .ua-color-picker-map, .ua-color-picker-preset, .ua-color-picker-value, .ua-switch-input, .ua-uri-tab, .ua-wizard-nav[data-wizard-nav-compact="true"] .ua-wizard-nav-step:not([data-wizard-nav-state="current"]), .ua-dashboard-funnel, .ua-dashboard-view-single, .ua-dashboard-page-prev, .ua-dashboard-page-next, .ua-dashboard-active-filter-chip, .ua-navbar-item-icon-only, .ua-navbar-menu-section-summary, .ua-navbar-menu-back, .ua-navbar-menu-link, .ua-navbar-menu-fullscreen .ua-navbar-menu-link, .ua-schema-editor-tab, .ua-struct-remove, .ua-struct-drag, .ua-struct-format, .ua-struct-code, .ua-feed-action, .ua-collection-order-edit-toggle, .ua-line-remove, .ua-checkout-line-swipe > .ua-checkout-line, .ua-global-toggle-icon, .ua-pdp-preview-close, .ua-pdp-preview-pill, .ua-testmode-close, .ua-product-carousel .carousel-indicators button, .ua-product-option-pill, .ua-cart-line-remove-btn, .ua-product-filters .ua-dashboard-search, .ua-pf-funnel, .ua-pf-chip, .ua-product-property-control, .ua-fm-storage-button, .ua-file-thin-url, .ua-hva-expand, .ua-hva-modal-close, .ua-dialog-close, .ua-tooltip-trigger, .ua-mp-action, .ua-mp-range):is(:hover, :focus-visible):not(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, .ua-state-active):not(:active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
    .ua-product-option-pill:hover:is(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for]) {
      border-color: color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-edge-mix), transparent) !important;
      box-shadow: var(--ua-state-hover-lift, 0 0 transparent), var(--ua-shimmer-glow) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-glow-mix), transparent), inset 0 0 0 var(--ua-state-edge-ring) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-edge-mix), transparent), inset 0 0 0 var(--ua-shimmer-wash-inset) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-wash-mix), transparent) !important;
      outline-color: transparent;
      transition: var(--ua-shimmer-transition);
    }
    :where(.ua-shimmer, .ua-button, .ua-button-glass, .ua-wizard-actions button, .ua-dialog-actions button, .btn, .universe-icon-action, .ua-icon-action, .ua-navigable-lift, .ua-row-frame, .ua-hover-lift, .ua-product-card-link, a.ua-page-preview-link, .ua-collection-order-card, .ua-copy-button, .ua-footer-location-action, .ua-directions-option, .ua-social-link, .ua-recommendation-apply, .ua-error-action, .ua-checkout-icon-btn, .ua-add-card, .ua-wallet-card, .ua-ship-card, .ua-addr-card, .ua-product-card-editable, .ua-pf-apply, .ua-pdp-preview-confirm, .ua-testmode-badge, .ua-motion-restart, .ua-async-notice-retry, .ua-mp-state-retry, .ua-mp-bigplay, .ua-hva-cta, .ua-dashboard-import-drop, .ua-upload-cancel, .ua-file-thin-pick, .ua-hover-glow, .ua-fm-card):is(:hover, :focus-visible):not(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, .ua-state-active):not(:active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
    .ua-collection-order-card[data-collection-route]:hover:is(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for]) {
      border-color: color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-edge-mix), transparent) !important;
      box-shadow: var(--ua-state-hover-lift, 0 0 transparent), var(--ua-shimmer-glow) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-glow-mix), transparent), inset 0 0 0 var(--ua-state-edge-ring) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-edge-mix), transparent), inset 0 0 0 var(--ua-shimmer-wash-inset) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-wash-mix), transparent) !important;
      outline-color: transparent;
      transition: var(--ua-shimmer-transition);
    }
    :where(.ua-button-toggle-option, .ua-navbar-item, .ua-row-action, .ua-row-action-danger, .ua-date-picker-jump, .ua-uri-tab, .ua-navbar-menu-fullscreen .ua-navbar-menu-link, .ua-footer-built-with, .ua-struct-remove, .ua-vote-btn, a.ua-checkout-line-title, .ua-line-remove, .ua-product-option-pill, .ua-cart-line-remove-btn, .ua-pf-clear, .ua-fm-crumb, .ua-text-hover-primary, [ua-text-hover="primary"], .btn-hover-primary, .ua-text-hover-accent, [ua-text-hover="accent"], .ua-text-hover-success, [ua-text-hover="success"], .ua-text-hover-info, [ua-text-hover="info"], .ua-text-hover-warning, [ua-text-hover="warning"], .ua-text-hover-error, [ua-text-hover="error"], .btn-text-primary, .btn-underline-primary, .ua-button-glass, .universe-icon-action, .ua-icon-action, .ua-social-link, .ua-recommendation-apply):hover:where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
    .ua-product-option-pill:hover:is(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for]) {
      color: var(--ua-state-hover-ink) !important;
    }
    :where(.ua-navbar-menu .ua-navbar-item, .ua-row-action, .ua-row-action-danger, .ua-navigable-row, .ua-dashboard-toolbar-action, .ua-navbar-menu-toggle, .ua-doc-tool, .ua-class-placement-button, .ua-class-chip, .ua-uri-tab, .ua-wizard-summary-goto, .ua-dashboard-record-action, .ua-dashboard-page-prev, .ua-dashboard-page-next, .ua-dashboard-page-edge, .ua-dashboard-active-filter-chip, .ua-navbar-item-icon-only, .ua-navbar-menu-section-summary, .ua-navbar-menu-back, .ua-schema-editor-tab, .ua-vote-btn, .ua-global-toggle-icon, .ua-quantity-step, .ua-product-option-pill, .ua-fm-storage-button, .ua-fm-crumb, .ua-hva-expand, .ua-dialog-close, .ua-tooltip-trigger, .ua-mp-action, .btn-text-primary, .btn-underline-primary, .ua-button-glass, .universe-icon-action, .ua-icon-action, .ua-row-frame, .ua-copy-button, .ua-footer-location-action, .ua-directions-option, .ua-social-link, .ua-error-action, .ua-checkout-icon-btn, .ua-add-card, .ua-pf-apply, .ua-testmode-badge, .ua-motion-restart, .ua-mp-bigplay, .ua-dashboard-import-drop, .ua-upload-cancel, .ua-file-thin-pick):hover:where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
    .ua-product-option-pill:hover:is(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for]) {
      background: var(--ua-state-hover-fill) !important;
    }
    :where(.btn):hover:where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
      filter: var(--ua-state-hover-filter) !important;
    }
    :where(.ua-footer-built-with, .ua-footer-terms a, a.ua-checkout-line-title):hover:where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
      text-decoration: var(--ua-state-hover-underline) !important;
    }
    :where(a[href], summary, [role="link"], [role="menuitem"]):where(:not(.ua-button, .ua-button-primary, .ua-button-secondary, .ua-button-ghost, .ua-button-glass, .ua-button-danger, .btn)):is(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, .ua-state-active):is(:hover, :focus-visible):not(:active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
    :where(a.ua-avatar, .ua-quick-shots-reference-option, .ua-wizard-summary-goto, .ua-dashboard-toolbar-control, .ua-dashboard-record-action, .ua-dashboard-page-edge, .ua-footer-built-with, .ua-footer-terms a, .ua-vote-btn, a.ua-checkout-line-title, .ua-quantity-step, .ua-pf-clear, .ua-text-hover-primary, [ua-text-hover="primary"], .btn-hover-primary, .ua-text-hover-accent, [ua-text-hover="accent"], .ua-text-hover-success, [ua-text-hover="success"], .ua-text-hover-info, [ua-text-hover="info"], .ua-text-hover-warning, [ua-text-hover="warning"], .ua-text-hover-error, [ua-text-hover="error"], .btn-text-primary, .btn-underline-primary):is(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, .ua-state-active):is(:hover, :focus-visible):not(:active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
      color: var(--ua-state-active-ink);
      box-shadow: var(--ua-state-hover-lift, 0 0 transparent), var(--ua-shimmer-glow) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-glow-mix), transparent) !important;
      outline-color: transparent;
    }
    :where(.ua-button-toggle-option, .ua-navbar-item, .ua-navbar-menu .ua-navbar-item, .ua-row-action, .ua-row-action-danger, .ua-fm-crumb):is(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, .ua-state-active):is(:hover, :focus-visible):not(:active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
      color: var(--ua-state-active-ink);
      box-shadow: var(--ua-state-hover-lift, 0 0 transparent), var(--ua-shimmer-glow) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-glow-mix), transparent) !important;
      outline-color: transparent;
    }
    :where(button, select, textarea, input:not([type="hidden"]), [role="button"], [role="tab"], [role="option"], [role="switch"], [role="checkbox"], [role="radio"]):is(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, .ua-state-active):is(:hover, :focus-visible):not(:active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
    :where(.ua-shimmer-dense, .ua-button-toggle-cycle, .ua-tab, .nav-link:not(.ua-navbar-item), .ua-fm-toolbar-actions .ua-row-action, .ua-navigable, .ua-navigable-row, .ua-input, .ua-select, .ua-textarea, .ua-form-field input:not(.ua-switch-input), .ua-form-field textarea, .ua-form-field select, .ua-doc-basic-textarea, .ua-doc-simple-editor, .ua-date-picker-meridiem-btn, .ua-date-picker-minute-option, .ua-dashboard-toolbar-action, .ua-navbar-menu-toggle, .ua-navbar-menu-go, .ua-struct-move-up, .ua-struct-move-down, .ua-struct-add, .ua-struct-hatch-toggle, .ua-file-field-pick, .ua-fm-row-frame, .ua-fm-folder, .ua-fm-dialog-select, .ua-doc-tool, .ua-class-placement-button, .ua-class-chip, .ua-date-picker-day, .ua-list-option, .ua-date-picker-jump, .ua-date-picker-jump-option, .ua-color-picker-trigger, .ua-color-picker-hue, .ua-color-picker-alpha, .ua-color-picker-map, .ua-color-picker-preset, .ua-color-picker-value, .ua-switch-input, .ua-uri-tab, .ua-wizard-nav[data-wizard-nav-compact="true"] .ua-wizard-nav-step:not([data-wizard-nav-state="current"]), .ua-dashboard-funnel, .ua-dashboard-view-single, .ua-dashboard-page-prev, .ua-dashboard-page-next, .ua-dashboard-active-filter-chip, .ua-navbar-item-icon-only, .ua-navbar-menu-section-summary, .ua-navbar-menu-back, .ua-navbar-menu-link, .ua-navbar-menu-fullscreen .ua-navbar-menu-link, .ua-schema-editor-tab, .ua-struct-remove, .ua-struct-drag, .ua-struct-format, .ua-struct-code, .ua-feed-action, .ua-collection-order-edit-toggle, .ua-line-remove, .ua-checkout-line-swipe > .ua-checkout-line, .ua-global-toggle-icon, .ua-pdp-preview-close, .ua-pdp-preview-pill, .ua-testmode-close, .ua-product-carousel .carousel-indicators button, .ua-product-option-pill, .ua-cart-line-remove-btn, .ua-product-filters .ua-dashboard-search, .ua-pf-funnel, .ua-pf-chip, .ua-product-property-control, .ua-fm-storage-button, .ua-file-thin-url, .ua-hva-expand, .ua-hva-modal-close, .ua-dialog-close, .ua-tooltip-trigger, .ua-mp-action, .ua-mp-range):is(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, .ua-state-active):is(:hover, :focus-visible):not(:active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
      border-color: var(--glow-ink, currentColor) !important;
      box-shadow: var(--ua-state-hover-lift, 0 0 transparent), var(--ua-shimmer-glow) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-glow-mix), transparent), inset 0 0 0 1px var(--glow-ink, currentColor), inset 0 0 0 var(--ua-shimmer-wash-inset) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-active-wash-mix), transparent) !important;
      outline-color: transparent;
    }
    :where(.ua-shimmer, .ua-button, .ua-button-glass, .ua-wizard-actions button, .ua-dialog-actions button, .btn, .universe-icon-action, .ua-icon-action, .ua-navigable-lift, .ua-row-frame, .ua-hover-lift, .ua-product-card-link, a.ua-page-preview-link, .ua-collection-order-card, .ua-copy-button, .ua-footer-location-action, .ua-directions-option, .ua-social-link, .ua-recommendation-apply, .ua-error-action, .ua-checkout-icon-btn, .ua-add-card, .ua-wallet-card, .ua-ship-card, .ua-addr-card, .ua-product-card-editable, .ua-pf-apply, .ua-pdp-preview-confirm, .ua-testmode-badge, .ua-motion-restart, .ua-async-notice-retry, .ua-mp-state-retry, .ua-mp-bigplay, .ua-hva-cta, .ua-dashboard-import-drop, .ua-upload-cancel, .ua-file-thin-pick, .ua-hover-glow, .ua-fm-card):is(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, .ua-state-active):is(:hover, :focus-visible):not(:active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
      box-shadow: var(--ua-state-hover-lift, 0 0 transparent), var(--ua-shimmer-glow) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-glow-mix), transparent), inset 0 0 0 1px color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-active-ring-mix), transparent), inset 0 0 0 var(--ua-shimmer-wash-inset) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-active-wash-mix), transparent) !important;
      outline-color: transparent;
    }
  }
  /* Own movement, and the one small float, only under no-preference: reduce keeps the look, not the motion. A declared lift is emitted after the float so it wins. */
  @media (prefers-reduced-motion: no-preference) {
    :where(button, select, textarea, input:not([type="hidden"]), [role="button"], [role="tab"], [role="option"], [role="switch"], [role="checkbox"], [role="radio"]):is(:focus-visible, .ua-state-hover, .is-active):not(input, select, textarea, [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"]):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
    :where(a[href], summary, [role="link"], [role="menuitem"]):where(:not(.ua-button, .ua-button-primary, .ua-button-secondary, .ua-button-ghost, .ua-button-glass, .ua-button-danger, .btn)):is(:focus-visible, .ua-state-hover, .is-active):not(input, select, textarea, [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"]):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
    :where(.ua-button-toggle-option, .ua-navbar-item, .ua-navbar-menu .ua-navbar-item, .ua-row-action, .ua-row-action-danger, a.ua-avatar, .ua-quick-shots-reference-option, .ua-wizard-summary-goto, .ua-dashboard-toolbar-control, .ua-dashboard-record-action, .ua-dashboard-page-edge, .ua-footer-built-with, .ua-footer-terms a, a.ua-checkout-line-title, .ua-quantity-step, .ua-pf-clear, .ua-fm-crumb, .ua-text-hover-primary, [ua-text-hover="primary"], .btn-hover-primary, .ua-text-hover-accent, [ua-text-hover="accent"], .ua-text-hover-success, [ua-text-hover="success"], .ua-text-hover-info, [ua-text-hover="info"], .ua-text-hover-warning, [ua-text-hover="warning"], .ua-text-hover-error, [ua-text-hover="error"], .btn-text-primary, .btn-underline-primary):is(:focus-visible, .ua-state-hover, .is-active):not(input, select, textarea, [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"]):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
    :where(.ua-shimmer-dense, .ua-button-toggle-cycle, .ua-tab, .nav-link:not(.ua-navbar-item), .ua-fm-toolbar-actions .ua-row-action, .ua-navigable, .ua-navigable-row, .ua-input, .ua-select, .ua-textarea, .ua-form-field input:not(.ua-switch-input), .ua-form-field textarea, .ua-form-field select, .ua-doc-basic-textarea, .ua-doc-simple-editor, .ua-date-picker-meridiem-btn, .ua-date-picker-minute-option, .ua-dashboard-toolbar-action, .ua-navbar-menu-toggle, .ua-navbar-menu-go, .ua-struct-move-up, .ua-struct-move-down, .ua-struct-add, .ua-struct-hatch-toggle, .ua-file-field-pick, .ua-fm-row-frame, .ua-fm-folder, .ua-fm-dialog-select, .ua-doc-tool, .ua-class-placement-button, .ua-class-chip, .ua-date-picker-day, .ua-list-option, .ua-date-picker-jump, .ua-date-picker-jump-option, .ua-color-picker-trigger, .ua-color-picker-hue, .ua-color-picker-alpha, .ua-color-picker-map, .ua-color-picker-preset, .ua-color-picker-value, .ua-switch-input, .ua-uri-tab, .ua-wizard-nav[data-wizard-nav-compact="true"] .ua-wizard-nav-step:not([data-wizard-nav-state="current"]), .ua-dashboard-funnel, .ua-dashboard-view-single, .ua-dashboard-page-prev, .ua-dashboard-page-next, .ua-dashboard-active-filter-chip, .ua-navbar-item-icon-only, .ua-navbar-menu-section-summary, .ua-navbar-menu-link, .ua-navbar-menu-fullscreen .ua-navbar-menu-link, .ua-schema-editor-tab, .ua-struct-remove, .ua-struct-drag, .ua-struct-format, .ua-struct-code, .ua-collection-order-edit-toggle, .ua-line-remove, .ua-checkout-line-swipe > .ua-checkout-line, .ua-global-toggle-icon, .ua-pdp-preview-close, .ua-pdp-preview-pill, .ua-testmode-close, .ua-product-carousel .carousel-indicators button, .ua-product-option-pill, .ua-cart-line-remove-btn, .ua-product-filters .ua-dashboard-search, .ua-pf-funnel, .ua-pf-chip, .ua-product-property-control, .ua-fm-storage-button, .ua-file-thin-url, .ua-hva-expand, .ua-hva-modal-close, .ua-dialog-close, .ua-tooltip-trigger, .ua-mp-action, .ua-mp-range):is(:focus-visible, .ua-state-hover, .is-active):not(input, select, textarea, [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"]):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
    :where(.ua-shimmer, .ua-button, .ua-button-glass, .ua-wizard-actions button, .ua-dialog-actions button, .btn, .universe-icon-action, .ua-icon-action, .ua-copy-button, .ua-recommendation-apply, .ua-error-action, .ua-checkout-icon-btn, .ua-add-card, .ua-ship-card, .ua-addr-card, .ua-product-card-editable, .ua-pf-apply, .ua-pdp-preview-confirm, .ua-testmode-badge, .ua-motion-restart, .ua-async-notice-retry, .ua-mp-state-retry, .ua-mp-bigplay, .ua-hva-cta, .ua-dashboard-import-drop, .ua-upload-cancel, .ua-file-thin-pick, .ua-hover-glow, .ua-fm-card):is(:focus-visible, .ua-state-hover, .is-active):not(input, select, textarea, [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"]):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
      transform: translateY(-0.08rem) !important;
    }
    :where(.ua-navbar-menu-back, .ua-feed-action, .ua-vote-btn, .ua-navigable-lift, .ua-row-frame, .ua-hover-lift, .ua-product-card-link, a.ua-page-preview-link, .ua-collection-order-card, .ua-footer-location-action, .ua-directions-option, .ua-social-link, .ua-wallet-card):is(:focus-visible, .ua-state-hover, .is-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
      transform: var(--ua-state-hover-transform) !important;
    }
    :where(.ua-wallet-card):is(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, .ua-state-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
    .ua-wallet-card[data-selected="1"]:is(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for]) {
      transform: var(--ua-state-active-transform) !important;
    }
    @media (hover: hover) {
      :where(button, select, textarea, input:not([type="hidden"]), [role="button"], [role="tab"], [role="option"], [role="switch"], [role="checkbox"], [role="radio"]):hover:not(input, select, textarea, [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"]):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
      :where(a[href], summary, [role="link"], [role="menuitem"]):where(:not(.ua-button, .ua-button-primary, .ua-button-secondary, .ua-button-ghost, .ua-button-glass, .ua-button-danger, .btn)):hover:not(input, select, textarea, [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"]):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
      :where(.ua-button-toggle-option, .ua-navbar-item, .ua-navbar-menu .ua-navbar-item, .ua-row-action, .ua-row-action-danger, a.ua-avatar, .ua-quick-shots-reference-option, .ua-wizard-summary-goto, .ua-dashboard-toolbar-control, .ua-dashboard-record-action, .ua-dashboard-page-edge, .ua-footer-built-with, .ua-footer-terms a, a.ua-checkout-line-title, .ua-quantity-step, .ua-pf-clear, .ua-fm-crumb, .ua-text-hover-primary, [ua-text-hover="primary"], .btn-hover-primary, .ua-text-hover-accent, [ua-text-hover="accent"], .ua-text-hover-success, [ua-text-hover="success"], .ua-text-hover-info, [ua-text-hover="info"], .ua-text-hover-warning, [ua-text-hover="warning"], .ua-text-hover-error, [ua-text-hover="error"], .btn-text-primary, .btn-underline-primary):hover:not(input, select, textarea, [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"]):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
      :where(.ua-shimmer-dense, .ua-button-toggle-cycle, .ua-tab, .nav-link:not(.ua-navbar-item), .ua-fm-toolbar-actions .ua-row-action, .ua-navigable, .ua-navigable-row, .ua-input, .ua-select, .ua-textarea, .ua-form-field input:not(.ua-switch-input), .ua-form-field textarea, .ua-form-field select, .ua-doc-basic-textarea, .ua-doc-simple-editor, .ua-date-picker-meridiem-btn, .ua-date-picker-minute-option, .ua-dashboard-toolbar-action, .ua-navbar-menu-toggle, .ua-navbar-menu-go, .ua-struct-move-up, .ua-struct-move-down, .ua-struct-add, .ua-struct-hatch-toggle, .ua-file-field-pick, .ua-fm-row-frame, .ua-fm-folder, .ua-fm-dialog-select, .ua-doc-tool, .ua-class-placement-button, .ua-class-chip, .ua-date-picker-day, .ua-list-option, .ua-date-picker-jump, .ua-date-picker-jump-option, .ua-color-picker-trigger, .ua-color-picker-hue, .ua-color-picker-alpha, .ua-color-picker-map, .ua-color-picker-preset, .ua-color-picker-value, .ua-switch-input, .ua-uri-tab, .ua-wizard-nav[data-wizard-nav-compact="true"] .ua-wizard-nav-step:not([data-wizard-nav-state="current"]), .ua-dashboard-funnel, .ua-dashboard-view-single, .ua-dashboard-page-prev, .ua-dashboard-page-next, .ua-dashboard-active-filter-chip, .ua-navbar-item-icon-only, .ua-navbar-menu-section-summary, .ua-navbar-menu-link, .ua-navbar-menu-fullscreen .ua-navbar-menu-link, .ua-schema-editor-tab, .ua-struct-remove, .ua-struct-drag, .ua-struct-format, .ua-struct-code, .ua-collection-order-edit-toggle, .ua-line-remove, .ua-checkout-line-swipe > .ua-checkout-line, .ua-global-toggle-icon, .ua-pdp-preview-close, .ua-pdp-preview-pill, .ua-testmode-close, .ua-product-carousel .carousel-indicators button, .ua-product-option-pill, .ua-cart-line-remove-btn, .ua-product-filters .ua-dashboard-search, .ua-pf-funnel, .ua-pf-chip, .ua-product-property-control, .ua-fm-storage-button, .ua-file-thin-url, .ua-hva-expand, .ua-hva-modal-close, .ua-dialog-close, .ua-tooltip-trigger, .ua-mp-action, .ua-mp-range):hover:not(input, select, textarea, [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"]):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
      :where(.ua-shimmer, .ua-button, .ua-button-glass, .ua-wizard-actions button, .ua-dialog-actions button, .btn, .universe-icon-action, .ua-icon-action, .ua-copy-button, .ua-recommendation-apply, .ua-error-action, .ua-checkout-icon-btn, .ua-add-card, .ua-ship-card, .ua-addr-card, .ua-product-card-editable, .ua-pf-apply, .ua-pdp-preview-confirm, .ua-testmode-badge, .ua-motion-restart, .ua-async-notice-retry, .ua-mp-state-retry, .ua-mp-bigplay, .ua-hva-cta, .ua-dashboard-import-drop, .ua-upload-cancel, .ua-file-thin-pick, .ua-hover-glow, .ua-fm-card):hover:not(input, select, textarea, [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"]):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
        transform: translateY(-0.08rem) !important;
      }
      :where(.ua-navbar-menu-back, .ua-feed-action, .ua-vote-btn, .ua-navigable-lift, .ua-row-frame, .ua-hover-lift, .ua-product-card-link, a.ua-page-preview-link, .ua-collection-order-card, .ua-footer-location-action, .ua-directions-option, .ua-social-link, .ua-wallet-card):hover:where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
      .ua-collection-order-card[data-collection-route]:hover:is(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for]) {
        transform: var(--ua-state-hover-transform) !important;
      }
    }
    :where(.ua-button, .ua-checkout-icon-btn, .ua-add-card, .ua-pdp-preview-confirm, .ua-testmode-badge):active:where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
      transform: var(--ua-state-press-transform) !important;
    }
  }
  /* CHILD LAYERS — a part of the control moves with its state (keyboard focus always, the pointer under (hover: hover)). */
  :where(.ua-navbar-item):is(:focus-visible, .ua-state-hover, .is-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy)::after {
    opacity: 1;
  }
  :where(.ua-navbar-menu-go):is(:focus-visible, .ua-state-hover, .is-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) .ua-navbar-menu-link-chevron {
    color: var(--ua-state-hover-ink, var(--universe-color-text));
  }
  :where(.ua-color-picker-hue):is(:focus-visible, .ua-state-hover, .is-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy)::-webkit-slider-thumb {
    border-color: color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-edge-mix), transparent) !important;
  }
  :where(.ua-color-picker-alpha):is(:focus-visible, .ua-state-hover, .is-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy)::-webkit-slider-thumb {
    border-color: color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-edge-mix), transparent) !important;
  }
  :where(.ua-wizard-nav[data-wizard-nav-compact="true"] .ua-wizard-nav-step:not([data-wizard-nav-state="current"])):is(:focus-visible, .ua-state-hover, .is-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) > .ua-wizard-nav-label {
    opacity: 1;
  }
  :where(.ua-dashboard-active-filter-chip):is(:focus-visible, .ua-state-hover, .is-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) .ua-dashboard-chip-x {
    opacity: 1;
  }
  @media (hover: hover) {
    :where(.ua-navbar-item):hover:where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy)::after {
      opacity: 1;
    }
    :where(.ua-navbar-menu-go):hover:where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) .ua-navbar-menu-link-chevron {
      color: var(--ua-state-hover-ink, var(--universe-color-text));
    }
    :where(.ua-color-picker-hue):hover:where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy)::-webkit-slider-thumb {
      border-color: color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-edge-mix), transparent) !important;
    }
    :where(.ua-color-picker-alpha):hover:where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy)::-webkit-slider-thumb {
      border-color: color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-edge-mix), transparent) !important;
    }
    :where(.ua-wizard-nav[data-wizard-nav-compact="true"] .ua-wizard-nav-step:not([data-wizard-nav-state="current"])):hover:where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) > .ua-wizard-nav-label {
      opacity: 1;
    }
    :where(.ua-dashboard-active-filter-chip):hover:where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) .ua-dashboard-chip-x {
      opacity: 1;
    }
  }
  @media (prefers-reduced-motion: no-preference) {
    :where(.ua-navbar-item):is(:focus-visible, .ua-state-hover, .is-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy)::after {
      transform: scaleX(1);
    }
    :where(.ua-navbar-menu-go):is(:focus-visible, .ua-state-hover, .is-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) .ua-navbar-menu-link-chevron {
      transform: translateX(0.25rem);
    }
    @media (hover: hover) {
      :where(.ua-navbar-item):hover:where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy)::after {
        transform: scaleX(1);
      }
      :where(.ua-navbar-menu-go):hover:where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) .ua-navbar-menu-link-chevron {
        transform: translateX(0.25rem);
      }
    }
  }
  /* 4. BUSY — optional: edge (+ glow on glow controls) while an action runs; the spinner ::after shows it. */
  :where(a[href], summary, [role="link"], [role="menuitem"]):where(:not(.ua-button, .ua-button-primary, .ua-button-secondary, .ua-button-ghost, .ua-button-glass, .ua-button-danger, .btn)):is([aria-busy="true"], .ua-state-busy):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href])),
  :where(a.ua-avatar, .ua-quick-shots-reference-option, .ua-wizard-summary-goto, .ua-dashboard-toolbar-control, .ua-dashboard-record-action, .ua-dashboard-page-edge, .ua-footer-built-with, .ua-footer-terms a, .ua-vote-btn, a.ua-checkout-line-title, .ua-quantity-step, .ua-pf-clear, .ua-text-hover-primary, [ua-text-hover="primary"], .btn-hover-primary, .ua-text-hover-accent, [ua-text-hover="accent"], .ua-text-hover-success, [ua-text-hover="success"], .ua-text-hover-info, [ua-text-hover="info"], .ua-text-hover-warning, [ua-text-hover="warning"], .ua-text-hover-error, [ua-text-hover="error"], .btn-text-primary, .btn-underline-primary):is([aria-busy="true"], .ua-state-busy):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href])) {
    box-shadow: var(--ua-shimmer-glow) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-busy-glow-mix), transparent) !important;
  }
  :where(.ua-button-toggle-option, .ua-navbar-item, .ua-navbar-menu .ua-navbar-item, .ua-row-action, .ua-row-action-danger, .ua-fm-crumb):is([aria-busy="true"], .ua-state-busy):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href])) {
    box-shadow: var(--ua-shimmer-glow) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-busy-glow-mix), transparent) !important;
  }
  :where(button, select, textarea, input:not([type="hidden"]), [role="button"], [role="tab"], [role="option"], [role="switch"], [role="checkbox"], [role="radio"]):is([aria-busy="true"], .ua-state-busy):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href])),
  :where(.ua-shimmer-dense, .ua-button-toggle-cycle, .ua-tab, .nav-link:not(.ua-navbar-item), .ua-fm-toolbar-actions .ua-row-action, .ua-navigable, .ua-navigable-row, .ua-input, .ua-select, .ua-textarea, .ua-form-field input:not(.ua-switch-input), .ua-form-field textarea, .ua-form-field select, .ua-doc-basic-textarea, .ua-doc-simple-editor, .ua-date-picker-meridiem-btn, .ua-date-picker-minute-option, .ua-dashboard-toolbar-action, .ua-navbar-menu-toggle, .ua-navbar-menu-go, .ua-struct-move-up, .ua-struct-move-down, .ua-struct-add, .ua-struct-hatch-toggle, .ua-file-field-pick, .ua-fm-row-frame, .ua-fm-folder, .ua-fm-dialog-select, .ua-doc-tool, .ua-class-placement-button, .ua-class-chip, .ua-date-picker-day, .ua-list-option, .ua-date-picker-jump, .ua-date-picker-jump-option, .ua-color-picker-trigger, .ua-color-picker-hue, .ua-color-picker-alpha, .ua-color-picker-map, .ua-color-picker-preset, .ua-color-picker-value, .ua-switch-input, .ua-uri-tab, .ua-wizard-nav[data-wizard-nav-compact="true"] .ua-wizard-nav-step:not([data-wizard-nav-state="current"]), .ua-dashboard-funnel, .ua-dashboard-view-single, .ua-dashboard-page-prev, .ua-dashboard-page-next, .ua-dashboard-active-filter-chip, .ua-navbar-item-icon-only, .ua-navbar-menu-section-summary, .ua-navbar-menu-back, .ua-navbar-menu-link, .ua-navbar-menu-fullscreen .ua-navbar-menu-link, .ua-schema-editor-tab, .ua-struct-remove, .ua-struct-drag, .ua-struct-format, .ua-struct-code, .ua-feed-action, .ua-collection-order-edit-toggle, .ua-line-remove, .ua-checkout-line-swipe > .ua-checkout-line, .ua-global-toggle-icon, .ua-pdp-preview-close, .ua-pdp-preview-pill, .ua-testmode-close, .ua-product-carousel .carousel-indicators button, .ua-product-option-pill, .ua-cart-line-remove-btn, .ua-product-filters .ua-dashboard-search, .ua-pf-funnel, .ua-pf-chip, .ua-product-property-control, .ua-fm-storage-button, .ua-file-thin-url, .ua-hva-expand, .ua-hva-modal-close, .ua-dialog-close, .ua-tooltip-trigger, .ua-mp-action, .ua-mp-range):is([aria-busy="true"], .ua-state-busy):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href])) {
    border-color: color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-busy-edge-mix), transparent) !important;
    box-shadow: inset 0 0 0 var(--ua-state-edge-ring) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-busy-edge-mix), transparent), inset 0 0 0 var(--ua-shimmer-wash-inset) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-busy-wash-mix), transparent) !important;
  }
  :where(.ua-shimmer, .ua-button, .ua-button-glass, .ua-wizard-actions button, .ua-dialog-actions button, .btn, .universe-icon-action, .ua-icon-action, .ua-navigable-lift, .ua-row-frame, .ua-hover-lift, .ua-product-card-link, a.ua-page-preview-link, .ua-collection-order-card, .ua-copy-button, .ua-footer-location-action, .ua-directions-option, .ua-social-link, .ua-recommendation-apply, .ua-error-action, .ua-checkout-icon-btn, .ua-add-card, .ua-wallet-card, .ua-ship-card, .ua-addr-card, .ua-product-card-editable, .ua-pf-apply, .ua-pdp-preview-confirm, .ua-testmode-badge, .ua-motion-restart, .ua-async-notice-retry, .ua-mp-state-retry, .ua-mp-bigplay, .ua-hva-cta, .ua-dashboard-import-drop, .ua-upload-cancel, .ua-file-thin-pick, .ua-hover-glow, .ua-fm-card):is([aria-busy="true"], .ua-state-busy):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href])) {
    border-color: color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-busy-edge-mix), transparent) !important;
    box-shadow: var(--ua-shimmer-glow) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-busy-glow-mix), transparent), inset 0 0 0 var(--ua-state-edge-ring) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-busy-edge-mix), transparent), inset 0 0 0 var(--ua-shimmer-wash-inset) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-busy-wash-mix), transparent) !important;
  }
  /* Forced colours: shadows drop and colours are forced, so the edge takes the system's state colours. */
  @media (forced-colors: active) {
    :where(button, select, textarea, input:not([type="hidden"]), [role="button"], [role="tab"], [role="option"], [role="switch"], [role="checkbox"], [role="radio"]):is(:hover, :focus-visible, .ua-state-hover, .is-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
    :where(.ua-shimmer-dense, .ua-button-toggle-cycle, .ua-tab, .nav-link:not(.ua-navbar-item), .ua-fm-toolbar-actions .ua-row-action, .ua-navigable, .ua-navigable-row, .ua-input, .ua-select, .ua-textarea, .ua-form-field input:not(.ua-switch-input), .ua-form-field textarea, .ua-form-field select, .ua-doc-basic-textarea, .ua-doc-simple-editor, .ua-date-picker-meridiem-btn, .ua-date-picker-minute-option, .ua-dashboard-toolbar-action, .ua-navbar-menu-toggle, .ua-navbar-menu-go, .ua-struct-move-up, .ua-struct-move-down, .ua-struct-add, .ua-struct-hatch-toggle, .ua-file-field-pick, .ua-fm-row-frame, .ua-fm-folder, .ua-fm-dialog-select, .ua-doc-tool, .ua-class-placement-button, .ua-class-chip, .ua-date-picker-day, .ua-list-option, .ua-date-picker-jump, .ua-date-picker-jump-option, .ua-color-picker-trigger, .ua-color-picker-hue, .ua-color-picker-alpha, .ua-color-picker-map, .ua-color-picker-preset, .ua-color-picker-value, .ua-switch-input, .ua-uri-tab, .ua-wizard-nav[data-wizard-nav-compact="true"] .ua-wizard-nav-step:not([data-wizard-nav-state="current"]), .ua-dashboard-funnel, .ua-dashboard-view-single, .ua-dashboard-page-prev, .ua-dashboard-page-next, .ua-dashboard-active-filter-chip, .ua-navbar-item-icon-only, .ua-navbar-menu-section-summary, .ua-navbar-menu-back, .ua-navbar-menu-link, .ua-navbar-menu-fullscreen .ua-navbar-menu-link, .ua-schema-editor-tab, .ua-struct-remove, .ua-struct-drag, .ua-struct-format, .ua-struct-code, .ua-feed-action, .ua-collection-order-edit-toggle, .ua-line-remove, .ua-checkout-line-swipe > .ua-checkout-line, .ua-global-toggle-icon, .ua-pdp-preview-close, .ua-pdp-preview-pill, .ua-testmode-close, .ua-product-carousel .carousel-indicators button, .ua-product-option-pill, .ua-cart-line-remove-btn, .ua-product-filters .ua-dashboard-search, .ua-pf-funnel, .ua-pf-chip, .ua-product-property-control, .ua-fm-storage-button, .ua-file-thin-url, .ua-hva-expand, .ua-hva-modal-close, .ua-dialog-close, .ua-tooltip-trigger, .ua-mp-action, .ua-mp-range):is(:hover, :focus-visible, .ua-state-hover, .is-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
    :where(.ua-shimmer, .ua-button, .ua-button-glass, .ua-wizard-actions button, .ua-dialog-actions button, .btn, .universe-icon-action, .ua-icon-action, .ua-navigable-lift, .ua-row-frame, .ua-hover-lift, .ua-product-card-link, a.ua-page-preview-link, .ua-collection-order-card, .ua-copy-button, .ua-footer-location-action, .ua-directions-option, .ua-social-link, .ua-recommendation-apply, .ua-error-action, .ua-checkout-icon-btn, .ua-add-card, .ua-wallet-card, .ua-ship-card, .ua-addr-card, .ua-product-card-editable, .ua-pf-apply, .ua-pdp-preview-confirm, .ua-testmode-badge, .ua-motion-restart, .ua-async-notice-retry, .ua-mp-state-retry, .ua-mp-bigplay, .ua-hva-cta, .ua-dashboard-import-drop, .ua-upload-cancel, .ua-file-thin-pick, .ua-hover-glow, .ua-fm-card):is(:hover, :focus-visible, .ua-state-hover, .is-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
    :where(a[href], summary, [role="link"], [role="menuitem"]):where(:not(.ua-button, .ua-button-primary, .ua-button-secondary, .ua-button-ghost, .ua-button-glass, .ua-button-danger, .btn)):is(:hover, :focus-visible, .ua-state-hover, .is-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
    :where(a.ua-avatar, .ua-quick-shots-reference-option, .ua-wizard-summary-goto, .ua-dashboard-toolbar-control, .ua-dashboard-record-action, .ua-dashboard-page-edge, .ua-footer-built-with, .ua-footer-terms a, .ua-vote-btn, a.ua-checkout-line-title, .ua-quantity-step, .ua-pf-clear, .ua-text-hover-primary, [ua-text-hover="primary"], .btn-hover-primary, .ua-text-hover-accent, [ua-text-hover="accent"], .ua-text-hover-success, [ua-text-hover="success"], .ua-text-hover-info, [ua-text-hover="info"], .ua-text-hover-warning, [ua-text-hover="warning"], .ua-text-hover-error, [ua-text-hover="error"], .btn-text-primary, .btn-underline-primary):is(:hover, :focus-visible, .ua-state-hover, .is-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
    :where(.ua-button-toggle-option, .ua-navbar-item, .ua-navbar-menu .ua-navbar-item, .ua-row-action, .ua-row-action-danger, .ua-fm-crumb):is(:hover, :focus-visible, .ua-state-hover, .is-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
    .ua-dashboard-filter-pill:has(.ua-dashboard-filter-pill-input:focus-visible):is(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)),
    .ua-product-option-input:focus-visible + .ua-product-option-pill:is(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)),
    .ua-pf-check:has(input:focus-visible):is(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)),
    .ua-file-field-input:focus-visible + .ua-file-field-name:is(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)),
    .ua-product-option-pill:hover:is(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for]),
    .ua-collection-order-card[data-collection-route]:hover:is(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for]) {
      border-color: var(--ua-state-hover-forced) !important;
      outline-color: var(--ua-state-hover-forced);
    }
    :where(button, select, textarea, input:not([type="hidden"]), [role="button"], [role="tab"], [role="option"], [role="switch"], [role="checkbox"], [role="radio"]):is(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, .ua-state-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
    :where(.ua-shimmer-dense, .ua-button-toggle-cycle, .ua-tab, .nav-link:not(.ua-navbar-item), .ua-fm-toolbar-actions .ua-row-action, .ua-navigable, .ua-navigable-row, .ua-input, .ua-select, .ua-textarea, .ua-form-field input:not(.ua-switch-input), .ua-form-field textarea, .ua-form-field select, .ua-doc-basic-textarea, .ua-doc-simple-editor, .ua-date-picker-meridiem-btn, .ua-date-picker-minute-option, .ua-dashboard-toolbar-action, .ua-navbar-menu-toggle, .ua-navbar-menu-go, .ua-struct-move-up, .ua-struct-move-down, .ua-struct-add, .ua-struct-hatch-toggle, .ua-file-field-pick, .ua-fm-row-frame, .ua-fm-folder, .ua-fm-dialog-select, .ua-doc-tool, .ua-class-placement-button, .ua-class-chip, .ua-date-picker-day, .ua-list-option, .ua-date-picker-jump, .ua-date-picker-jump-option, .ua-color-picker-trigger, .ua-color-picker-hue, .ua-color-picker-alpha, .ua-color-picker-map, .ua-color-picker-preset, .ua-color-picker-value, .ua-switch-input, .ua-uri-tab, .ua-wizard-nav[data-wizard-nav-compact="true"] .ua-wizard-nav-step:not([data-wizard-nav-state="current"]), .ua-dashboard-funnel, .ua-dashboard-view-single, .ua-dashboard-page-prev, .ua-dashboard-page-next, .ua-dashboard-active-filter-chip, .ua-navbar-item-icon-only, .ua-navbar-menu-section-summary, .ua-navbar-menu-back, .ua-navbar-menu-link, .ua-navbar-menu-fullscreen .ua-navbar-menu-link, .ua-schema-editor-tab, .ua-struct-remove, .ua-struct-drag, .ua-struct-format, .ua-struct-code, .ua-feed-action, .ua-collection-order-edit-toggle, .ua-line-remove, .ua-checkout-line-swipe > .ua-checkout-line, .ua-global-toggle-icon, .ua-pdp-preview-close, .ua-pdp-preview-pill, .ua-testmode-close, .ua-product-carousel .carousel-indicators button, .ua-product-option-pill, .ua-cart-line-remove-btn, .ua-product-filters .ua-dashboard-search, .ua-pf-funnel, .ua-pf-chip, .ua-product-property-control, .ua-fm-storage-button, .ua-file-thin-url, .ua-hva-expand, .ua-hva-modal-close, .ua-dialog-close, .ua-tooltip-trigger, .ua-mp-action, .ua-mp-range):is(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, .ua-state-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
    :where(.ua-shimmer, .ua-button, .ua-button-glass, .ua-wizard-actions button, .ua-dialog-actions button, .btn, .universe-icon-action, .ua-icon-action, .ua-navigable-lift, .ua-row-frame, .ua-hover-lift, .ua-product-card-link, a.ua-page-preview-link, .ua-collection-order-card, .ua-copy-button, .ua-footer-location-action, .ua-directions-option, .ua-social-link, .ua-recommendation-apply, .ua-error-action, .ua-checkout-icon-btn, .ua-add-card, .ua-wallet-card, .ua-ship-card, .ua-addr-card, .ua-product-card-editable, .ua-pf-apply, .ua-pdp-preview-confirm, .ua-testmode-badge, .ua-motion-restart, .ua-async-notice-retry, .ua-mp-state-retry, .ua-mp-bigplay, .ua-hva-cta, .ua-dashboard-import-drop, .ua-upload-cancel, .ua-file-thin-pick, .ua-hover-glow, .ua-fm-card):is(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, .ua-state-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
    :where(a[href], summary, [role="link"], [role="menuitem"]):where(:not(.ua-button, .ua-button-primary, .ua-button-secondary, .ua-button-ghost, .ua-button-glass, .ua-button-danger, .btn)):is(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, .ua-state-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
    :where(a.ua-avatar, .ua-quick-shots-reference-option, .ua-wizard-summary-goto, .ua-dashboard-toolbar-control, .ua-dashboard-record-action, .ua-dashboard-page-edge, .ua-footer-built-with, .ua-footer-terms a, .ua-vote-btn, a.ua-checkout-line-title, .ua-quantity-step, .ua-pf-clear, .ua-text-hover-primary, [ua-text-hover="primary"], .btn-hover-primary, .ua-text-hover-accent, [ua-text-hover="accent"], .ua-text-hover-success, [ua-text-hover="success"], .ua-text-hover-info, [ua-text-hover="info"], .ua-text-hover-warning, [ua-text-hover="warning"], .ua-text-hover-error, [ua-text-hover="error"], .btn-text-primary, .btn-underline-primary):is(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, .ua-state-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
    :where(.ua-button-toggle-option, .ua-navbar-item, .ua-navbar-menu .ua-navbar-item, .ua-row-action, .ua-row-action-danger, .ua-fm-crumb):is(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, .ua-state-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
    .ua-dashboard-filter-pill:has(.ua-dashboard-filter-pill-input:checked):is(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, [aria-busy="true"], .ua-state-busy),
    .ua-product-option-input:checked + .ua-product-option-pill:is(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, [aria-busy="true"], .ua-state-busy),
    .ua-pf-check:has(input:checked):is(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, [aria-busy="true"], .ua-state-busy),
    .ua-fm-row-frame.is-selected:is(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for]):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, [aria-busy="true"], .ua-state-busy),
    .ua-fm-card.is-selected:is(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for]):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, [aria-busy="true"], .ua-state-busy),
    .ua-wallet-card[data-selected="1"]:is(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for]):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, [aria-busy="true"], .ua-state-busy),
    .ua-button-toggle-option:has(:checked):is(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, [aria-busy="true"], .ua-state-busy) {
      border-color: var(--ua-state-active-forced) !important;
    }
  }
  /* Danger glows danger: a filled danger control's text is its on-danger ink, so its glow ink is set to danger. */
  :is(.ua-button-danger, .btn-danger, .ua-row-action-danger, [data-tone="danger"]) {
    --glow-ink: var(--ua-state-danger-ink);
  }
  /* A field in a validation state glows in that state's ink (error / success), not its text colour. */
  .ua-control[data-ua-control-error="true"] .ua-doc-control-frame {
    --glow-ink: var(--ua-control-error);
  }
  .ua-control[data-ua-control-valid="true"] .ua-doc-control-frame {
    --glow-ink: var(--ua-control-success);
  }
}
/* @generated interaction-states:end */

.ua-header-description,
.ua-footer-description,
.ua-waitlist-subtext {
  display: grid;
  gap: 0.45rem;
}

.ua-header-description > *,
.ua-footer-description > *,
.ua-waitlist-subtext > * {
  margin-block: 0;
}

.ua-button-icon {
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  inline-size: 1.15em;
  block-size: 1.15em;
  color: currentColor;
}

.ua-button-icon svg {
  display: block;
  inline-size: 100%;
  block-size: 100%;
  overflow: visible;
}

.ua-button.ua-button-icon {
  inline-size: 2.5rem;
  min-inline-size: 2.5rem;
  block-size: 2.5rem;
  min-block-size: 2.5rem;
  padding-inline: 0;
  border-radius: 999rem;
}

/* Shared "working" state — one platform-wide pending affordance keyed on the semantic aria-busy
   attribute. Any button/[role=button] (and .ua-button) whose aria-busy is set gets a centered spinner,
   its label hidden, pointer events off. Reaches both the shared element and bespoke buttons (e.g. the
   accounts login actions) because this foundation stylesheet is inlined everywhere. rem/em units only. */
@keyframes ua-busy-spin { to { transform: rotate(360deg); } }

button[aria-busy="true"],
[role="button"][aria-busy="true"],
.ua-button[aria-busy="true"] {
  position: relative;
  pointer-events: none;
  cursor: progress;
  /* hides bare-text labels (e.g. accounts "Continue") through the text fill, never by emptying `color`: the busy edge
     and glow are drawn in the control's own ink (currentColor / its --glow-ink), so busy keeps danger danger. */
  -webkit-text-fill-color: var(--ua-state-busy-label, transparent) !important;
}
button[aria-busy="true"] > *,
[role="button"][aria-busy="true"] > *,
.ua-button[aria-busy="true"] > * { visibility: hidden; }   /* hides wrapped icon+label spans (ua.button) */

button[aria-busy="true"]::after,
[role="button"][aria-busy="true"]::after,
.ua-button[aria-busy="true"]::after {
  content: "";
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  inline-size: 1.15em; block-size: 1.15em;
  margin-block-start: -0.575em; margin-inline-start: -0.575em;
  border-radius: 999rem;
  border: 0.14em solid color-mix(in srgb, var(--ua-busy-ink, var(--universe-color-text)) 26%, transparent);
  border-block-start-color: var(--ua-busy-ink, var(--universe-color-text));
  animation: ua-busy-spin 0.7s linear infinite;
}
.ua-button-primary[aria-busy="true"] { --ua-busy-ink: var(--universe-color-background); }  /* dark spinner on primary */

@media (prefers-reduced-motion: reduce) {
  button[aria-busy="true"]::after,
  [role="button"][aria-busy="true"]::after,
  .ua-button[aria-busy="true"]::after {
    animation: none;                          /* static ring, still clearly "working" */
    border-color: color-mix(in srgb, var(--ua-busy-ink, var(--universe-color-text)) 45%, transparent);
    border-block-start-color: var(--ua-busy-ink, var(--universe-color-text));
  }
}

/* Quiet route-progress hairline — the "it's working" cue for NAVIGATION (in-app fragment swaps + full
   page navigations). A 2px (0.125rem) brand-toned line pinned to the top edge of the viewport. It is
   the counterpart to the in-control aria-busy spinner: actions get the in-button spinner, navigations
   get this thin top line. It is NOT a scrim — it never covers the page, never dims the art, never
   blocks input (pointer-events:none). The controller (ua.interaction-feedback client) only reveals it
   after a ~120ms threshold, so an instant action never flashes it. rem/em units only. */
.ua-route-progress {
  position: fixed;
  inset-block-start: 0;
  inset-inline: 0;
  block-size: 0.125rem;
  z-index: 2147483300;                        /* above control chrome (control-surface-backdrop 2147483200, auto-tooltip 2147483000), BELOW every dialog: JS-hydrated dialogs are z 2147483400+ inline (uaDialogStack in ua.content.interactions.js), and the SSR/no-JS dialog base is 2147483646/647 (ua.interaction.css) — so this hairline paints under the dialog in both cases */
  transform: scaleX(0);
  transform-origin: 0 50%;
  opacity: 0;
  pointer-events: none;                        /* never blocks input — it is a cue, not a scrim */
  background: linear-gradient(90deg,
    color-mix(in srgb, var(--universe-color-primary) 35%, transparent),
    var(--universe-color-primary));
  transition: opacity 0.18s ease;
}
.ua-route-progress[data-ua-route-progress="active"] {
  opacity: 1;
  animation: ua-route-progress-indeterminate 1.4s ease-in-out infinite;
}
.ua-route-progress[data-ua-route-progress="done"] {
  opacity: 0;
  transform: scaleX(1);                        /* snap to full, then fade out */
  animation: none;
  transition: opacity 0.34s ease, transform 0.2s ease;
}
@keyframes ua-route-progress-indeterminate {
  0%   { transform: scaleX(0); }
  55%  { transform: scaleX(0.7); }
  100% { transform: scaleX(0.92); }
}
@media (prefers-reduced-motion: reduce) {
  /* No indeterminate slide under reduced motion — a simple, steady state instead (still clearly "working"). */
  .ua-route-progress[data-ua-route-progress="active"] {
    animation: none;
    transform: scaleX(1);
    opacity: 0.85;
  }
  .ua-route-progress[data-ua-route-progress="done"] {
    transition: opacity 0.2s ease;
  }
}

.ua-skip-navigation {
  position: fixed;
  inset-block-start: 0.75rem;
  inset-inline-start: 0.75rem;
  z-index: 9999;
  transition: inset-block-start var(--ua-motion-micro) var(--ua-motion-ease-soft);
}

/* Off-screen until it holds focus: a position, not a state look (the reveal is where it sits, not how it paints). */
.ua-skip-navigation:not(:focus) {
  inset-block-start: -10rem;
}

.ua-lazy-container {
  content-visibility: auto;
  contain-intrinsic-size: 1px 24rem;
}

.ua-cookie-blocker {
  display: grid;
  gap: 0.75rem;
  border: 1px solid var(--universe-line);
  border-radius: var(--universe-radius-card, 0.5rem);
  padding: 1rem;
  background: color-mix(in srgb, var(--universe-color-surface) 88%, transparent);
}

.ua-shadow-soft { box-shadow: 0 0.45rem 1.2rem color-mix(in srgb, var(--universe-color-background) 18%, transparent); }
.ua-shadow-panel { box-shadow: var(--universe-shadow-panel); }
.ua-shadow-strong { box-shadow: 0 1.5rem 4rem color-mix(in srgb, var(--universe-color-background) 42%, transparent); }
/* ── THE FOUNDATION MOTION CLASSES, ON TOKENS (D035 / MP-086) ────────────────
   These used to spell 140ms / 180ms / 220ms inline and were then switched off
   by a `@media (prefers-reduced-motion: reduce) { animation: none !important }`
   kill list further down this file. That shape is advisory: it protects the
   classes somebody remembered to add to the list, and silently fails for the
   next one. It also had a real bug — the kill list forced `transform: none` on
   `.ua-skip-navigation`, which parks the skip link ON SCREEN for exactly the
   people most likely to be using it.

   Now every time here is var(--ua-motion-*), and those tokens are 0ms under
   prefers-reduced-motion (element-runtime.css). Instant, still functional,
   nothing to remember. The kill list is gone because there is nothing left for
   it to kill. */
.ua-transition-subtle { transition: transform var(--ua-motion-micro) var(--ua-motion-ease-soft), opacity var(--ua-motion-micro) var(--ua-motion-ease-soft), box-shadow var(--ua-motion-micro) var(--ua-motion-ease-soft); }
.ua-transition-smooth { transition: transform var(--ua-motion-base) var(--ua-motion-ease-soft), opacity var(--ua-motion-base) var(--ua-motion-ease-soft), box-shadow var(--ua-motion-base) var(--ua-motion-ease-soft); }
.ua-enter-fade { animation: ua-enter-fade var(--ua-motion-fast) var(--ua-motion-ease-soft) both; }
.ua-enter-rise { animation: ua-enter-rise var(--ua-motion-fast) var(--ua-motion-ease-soft) both; }
.ua-enter-scale { animation: ua-enter-scale var(--ua-motion-fast) var(--ua-motion-ease-soft) both; }
/* A hover state has no duration of its own to zero, so these two are the one
   case that still needs the query — and they are written the other way round:
   the motion EXISTS only under no-preference rather than being added and then
   revoked. */
@media (prefers-reduced-motion: no-preference) {

}
.ua-fill { width: 100%; inline-size: 100%; }
.ua-align-start { align-self: start; justify-self: start; }
.ua-align-center { align-self: center; justify-self: center; }
.ua-align-end { align-self: end; justify-self: end; }
.ua-align-stretch { align-self: stretch; justify-self: stretch; }
.ua-justify-start { justify-content: flex-start; justify-items: start; }
.ua-justify-center { justify-content: center; justify-items: center; }
.ua-justify-end { justify-content: flex-end; justify-items: end; }
.ua-justify-between { justify-content: space-between; }
.ua-text-left { text-align: left; }
.ua-text-center { text-align: center; }
.ua-text-right { text-align: right; }
.ua-text-balance { text-wrap: balance; }
.ua-grid-row {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: clamp(0.75rem, 2vw, 1.25rem);
  align-items: stretch;
  min-width: 0;
}
.ua-grid-row > * { grid-column: 1 / -1; min-width: 0; }
.ua-grid-continue { min-width: 0; }
.ua-col-full { grid-column: 1 / -1; }
.ua-col-1 { grid-column: span 1; }
.ua-col-2 { grid-column: span 2; }
.ua-col-3 { grid-column: span 3; }
.ua-col-4 { grid-column: span 4; }
.ua-col-5 { grid-column: span 5; }
.ua-col-6 { grid-column: span 6; }
.ua-col-7 { grid-column: span 7; }
.ua-col-8 { grid-column: span 8; }
.ua-col-9 { grid-column: span 9; }
.ua-col-10 { grid-column: span 10; }
.ua-col-11 { grid-column: span 11; }
.ua-col-12 { grid-column: 1 / -1; }
.ua-p-0 { padding: 0; }
.ua-p-1 { padding: 0.5rem; }
.ua-p-2 { padding: 0.85rem; }
.ua-p-3 { padding: 1.15rem; }
.ua-p-4 { padding: 1.6rem; }
.ua-px-3 { padding-inline: 1.15rem; }
.ua-py-3 { padding-block: 1.15rem; }
.ua-m-0 { margin: 0; }
.ua-my-2 { margin-block: 0.85rem; }
.ua-mx-auto { margin-inline: auto; }
.ua-text-display { font-size: clamp(2rem, 5vw, 4.5rem); line-height: 0.98; font-weight: var(--universe-font-weight-display-strong); }
.ua-text-heading { font-size: clamp(1.35rem, 3vw, 2.25rem); line-height: 1.05; font-weight: var(--universe-font-weight-display-strong); }
.ua-text-body { font-size: var(--universe-font-size-base, 1rem); line-height: var(--universe-font-line-height-body, 1.5); }
.ua-text-small { font-size: 0.875rem; line-height: 1.42; }
.ua-text-emphasis { font-weight: var(--universe-font-weight-display-strong); color: var(--universe-color-primary-strong); }
.ua-border { border: 1px solid var(--universe-line); }
.ua-border-none { border: 0; }
.ua-border-top { border-block-start: 1px solid var(--universe-line); }
.ua-border-right { border-inline-end: 1px solid var(--universe-line); }
.ua-border-bottom { border-block-end: 1px solid var(--universe-line); }
.ua-border-left { border-inline-start: 1px solid var(--universe-line); }
.ua-border-gradient {
  border: 1px solid transparent;
  background:
    linear-gradient(var(--universe-color-surface), var(--universe-color-surface)) padding-box,
    linear-gradient(135deg, var(--universe-color-primary-strong), color-mix(in srgb, var(--universe-color-primary) 18%, transparent), var(--universe-color-focus)) border-box;
}
.ua-rounded-none { border-radius: 0; }
.ua-rounded { border-radius: var(--universe-radius-card, 0.5rem); }
.ua-rounded-pill { border-radius: 999rem; }
.ua-bg-none { background: transparent; }
.ua-bg-surface { background: var(--universe-color-surface); }
.ua-bg-soft { background: color-mix(in srgb, var(--universe-color-surface) 76%, transparent); }
.ua-bg-primary-soft { background: color-mix(in srgb, var(--universe-color-primary) 18%, transparent); }
.ua-bg-success-soft { background: color-mix(in srgb, var(--universe-color-success) 16%, transparent); }
.ua-bg-danger-soft { background: color-mix(in srgb, var(--universe-color-danger) 16%, transparent); }
.ua-opacity-75 { opacity: 0.75; }
.ua-opacity-50 { opacity: 0.5; }

@keyframes ua-enter-fade {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes ua-enter-rise {
  from { opacity: 0; transform: translateY(0.35rem); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes ua-enter-scale {
  from { opacity: 0; transform: scale(0.985); }
  to { opacity: 1; transform: scale(1); }
}

@media (max-width: 42rem) {
  .ua-layout-columns {
    grid-template-columns: 1fr;
  }
  .ua-col-mobile-1 { grid-column: span 1; }
  .ua-col-mobile-2 { grid-column: span 2; }
  .ua-col-mobile-3 { grid-column: span 3; }
  .ua-col-mobile-4 { grid-column: span 4; }
  .ua-col-mobile-5 { grid-column: span 5; }
  .ua-col-mobile-6 { grid-column: span 6; }
  .ua-col-mobile-7 { grid-column: span 7; }
  .ua-col-mobile-8 { grid-column: span 8; }
  .ua-col-mobile-9 { grid-column: span 9; }
  .ua-col-mobile-10 { grid-column: span 10; }
  .ua-col-mobile-11 { grid-column: span 11; }
  .ua-col-mobile-12 { grid-column: 1 / -1; }
}

@media (min-width: 42.01rem) {
  .ua-col-tablet-1 { grid-column: span 1; }
  .ua-col-tablet-2 { grid-column: span 2; }
  .ua-col-tablet-3 { grid-column: span 3; }
  .ua-col-tablet-4 { grid-column: span 4; }
  .ua-col-tablet-5 { grid-column: span 5; }
  .ua-col-tablet-6 { grid-column: span 6; }
  .ua-col-tablet-7 { grid-column: span 7; }
  .ua-col-tablet-8 { grid-column: span 8; }
  .ua-col-tablet-9 { grid-column: span 9; }
  .ua-col-tablet-10 { grid-column: span 10; }
  .ua-col-tablet-11 { grid-column: span 11; }
  .ua-col-tablet-12 { grid-column: 1 / -1; }
}

@media (min-width: 64rem) {
  .ua-col-desktop-1 { grid-column: span 1; }
  .ua-col-desktop-2 { grid-column: span 2; }
  .ua-col-desktop-3 { grid-column: span 3; }
  .ua-col-desktop-4 { grid-column: span 4; }
  .ua-col-desktop-5 { grid-column: span 5; }
  .ua-col-desktop-6 { grid-column: span 6; }
  .ua-col-desktop-7 { grid-column: span 7; }
  .ua-col-desktop-8 { grid-column: span 8; }
  .ua-col-desktop-9 { grid-column: span 9; }
  .ua-col-desktop-10 { grid-column: span 10; }
  .ua-col-desktop-11 { grid-column: span 11; }
  .ua-col-desktop-12 { grid-column: 1 / -1; }
}

/* The reduced-motion kill list that used to sit here is DELETED, not moved.
   Every class it named now takes its timing from a motion token, and those
   tokens are 0ms under prefers-reduced-motion — so the motion is already gone
   before this block would have run. A kill list is a list somebody has to keep
   up to date; a token that reads zero is not. (It also carried a bug: forcing
   `transform: none` on .ua-skip-navigation parked the skip link on screen for
   the very people most likely to be using it.) */

/* ============================================================================
   THE AVATAR, AND PRESENCE ([[platform D202]] / [[platform D191]])

   ONE avatar element, one profile image owned by the person's Universe account.
   Before this, five surfaces drew their own circle and the EGT* studio's held
   the hardcoded letter "P" — an avatar of nobody, attached to no account, that
   did nothing when clicked.

   ★ THE STATE THAT MUST STAY LEGIBLE: "no photo set" is a DIFFERENT FACT from
   "here is my photo", and D202 rule 3 asks for them to look different. The
   initial tile is deliberately flat and tinted rather than photographic, so a
   person can tell at a glance that they have not set an image yet — a tinted
   circle that passes for an unreadable thumbnail would hide the one thing this
   state is for.

   ★ AND THERE IS NO :hover STATE HERE ON PURPOSE. A <span> avatar is not a
   control ([[platform D205]] rule 3: anything whose only affordance is hover is
   broken on a phone). The <a> form gets the affordance, because it has somewhere
   to go.
   ============================================================================ */
.ua-avatar {
  --ua-avatar-size: 2rem;
  display: inline-grid;
  place-items: center;
  inline-size: var(--ua-avatar-size);
  block-size: var(--ua-avatar-size);
  flex: 0 0 auto;
  border-radius: var(--universe-radius-pill, 100rem);
  overflow: hidden;
  background: color-mix(in srgb, var(--universe-color-text) 10%, transparent);
  font-size: calc(var(--ua-avatar-size) * 0.4);
  font-weight: var(--universe-font-weight-display, 700);
  line-height: 1;
  text-decoration: none;
  user-select: none;
}
.ua-avatar[data-ua-avatar-size="small"] { --ua-avatar-size: 1.5rem; }
.ua-avatar[data-ua-avatar-size="large"] { --ua-avatar-size: 3rem; }
.ua-avatar-image {
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
  display: block;
}
/* THE "NO PHOTO SET" STATE — flat, tinted, unmistakably not a photograph. */
.ua-avatar[data-ua-avatar="initial"] {
  background: color-mix(in srgb, var(--universe-color-primary) 22%, transparent);
  color: var(--universe-color-text);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--universe-color-primary) 45%, transparent);
}
.ua-avatar-initial {
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.01em;
  /* ★ FOUND IN CHROME, NOT IN A TEST. A two-letter initial whose first character is a WIDE glyph — a
     CJK name, an emoji, anything outside the Basic Multilingual Plane — is wider than the circle, and
     with the default `white-space` it WRAPPED: measured 32x38 inside a 48x48 avatar, one letter per
     line, on the very name the shared builder exists to get right. Latin initials never overflow, so
     nothing went red and nothing would have. */
  white-space: nowrap;
}
/* The overflow counter ("+3") is a count, not a person: no identity tint. */
.ua-avatar[data-ua-avatar="overflow"] {
  background: color-mix(in srgb, var(--universe-color-text) 14%, transparent);
  color: var(--universe-color-muted, var(--universe-color-text));
  font-size: calc(var(--ua-avatar-size) * 0.34);
}
/* An avatar that IS a control gets a control's affordances — and only then. */
a.ua-avatar { cursor: pointer; }

/* PRESENCE — the strip of people who are here WITH you.

   ★ There is no rule for an EMPTY presence strip, because an empty one is never
   rendered: presenceStrip() returns null when the viewer is alone. That is the
   ruling, given twice — "I already know who I am", and "you may not need to say
   'only you are logged in'". Alone means NOTHING AT ALL, not a hidden element
   still holding its place in the header. */
.ua-presence {
  display: inline-flex;
  align-items: center;
}
/* Faces overlap so a row of five costs about the width of three. The negative
   start-margin is logical, so it reverses correctly in a right-to-left script. */
.ua-presence .ua-avatar + .ua-avatar {
  margin-inline-start: -0.4rem;
}
.ua-presence .ua-avatar {
  box-shadow: 0 0 0 2px var(--universe-color-background);
}
.ua-presence .ua-avatar[data-ua-avatar="initial"] {
  box-shadow: 0 0 0 2px var(--universe-color-background),
              inset 0 0 0 1px color-mix(in srgb, var(--universe-color-primary) 45%, transparent);
}