/* A stamp rule outside the motion block also applies in print, which keeps the stamps. */

.sk-marquee {
  --sk-marquee-pic-dial: calc(var(--kit-type-base) * 14);
  --sk-marquee-pic: var(--sk-marquee-pic-dial);
  --sk-marquee-face-h: var(--sk-marquee-pic);
  --sk-marquee-gap-dial: var(--kit-space-4);
  --sk-marquee-gap: var(--sk-marquee-gap-dial);
  --sk-marquee-pad-dial: var(--kit-space-4);
  --sk-marquee-pad: var(--sk-marquee-pad-dial);
  --sk-marquee-card-min: calc(var(--kit-type-base) * 14);
  --sk-marquee-rate: 35;
  --sk-marquee-rate-mult: 1;
  --sk-marquee-clip: min(calc(var(--kit-type-base) * 28), var(--sk-marquee-max-h));
  --sk-marquee-lane-count: 1;
  --sk-marquee-max-raw: max(
    calc(var(--kit-type-base) * 6),
    min(
      50svh,
      calc(
        (100svh - (var(--sk-marquee-lane-count) - 1) * var(--sk-marquee-gap)) /
          var(--sk-marquee-lane-count)
      )
    )
  );
  /* A fractional edge paints a seam. */
  --sk-marquee-max-h: round(down, var(--sk-marquee-max-raw), 1px);
  --sk-marquee-sep-w: 0.34em;
  --sk-marquee-sep-h: 0.34em;
  --sk-marquee-sep-round: 50%;
  --sk-focus-ring-offset: -2px;
  --sk-marquee-fade: var(--kit-space-5);
  --sk-marquee-label-size: var(--kit-type-base);
}
.sk-marquee[data-edge-fade="small"] {
  --sk-marquee-fade: var(--kit-space-3);
}
.sk-marquee[data-edge-fade="large"] {
  --sk-marquee-fade: var(--kit-space-6);
}
.sk-marquee[data-gap="none"] {
  --sk-marquee-gap-dial: 0px;
}
.sk-marquee[data-gap="tight"] {
  --sk-marquee-gap-dial: var(--kit-space-2);
}
.sk-marquee[data-gap="airy"] {
  --sk-marquee-gap-dial: var(--kit-space-5);
}
.sk-marquee[data-padding="tight"] {
  --sk-marquee-pad-dial: var(--kit-space-2);
}
.sk-marquee[data-padding="airy"] {
  --sk-marquee-pad-dial: var(--kit-space-5);
}
.sk-marquee[data-item-size="mini"] {
  --sk-marquee-pic-dial: calc(var(--kit-type-base) * 7);
}
.sk-marquee[data-item-size="medium"] {
  --sk-marquee-pic-dial: calc(var(--kit-type-base) * 28);
}
.sk-marquee[data-item-size="large"] {
  --sk-marquee-pic-dial: calc(var(--kit-type-base) * 42);
}
.sk-marquee[data-speed="slow"] {
  --sk-marquee-rate: 25;
}
.sk-marquee[data-speed="fast"] {
  --sk-marquee-rate: 55;
}
.sk-marquee[data-text-size="heading"] {
  --sk-marquee-label-size: var(--sk-text-h4-size);
}
.sk-marquee[data-text-size="display"] {
  --sk-marquee-label-size: var(--sk-text-h2-size);
}
.sk-marquee[data-separator="dash"] {
  --sk-marquee-sep-w: 0.82em;
  --sk-marquee-sep-h: 0.07em;
  --sk-marquee-sep-round: min(var(--sk-radius), 0.05em);
}

.sk-marquee-lane,
.sk-marquee-track {
  display: contents;
}
.sk-marquee-seq {
  --sk-marquee-cols: 4;
  --sk-marquee-seats: 99;
  --sk-marquee-active: min(var(--sk-marquee-cols), var(--sk-marquee-seats));
  --sk-marquee-track: calc(
    (100% - (var(--sk-marquee-active) - 1) * var(--sk-marquee-gap)) / var(--sk-marquee-active)
  );
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--sk-marquee-gap);
  list-style: none;
  margin: 0;
  padding: 0;
}
.sk-marquee[data-variant="grid"] .sk-marquee-seq {
  --sk-marquee-cols: var(--sk-columns, 4);
}
.sk-marquee-seq:has(> .sk-marquee-item:nth-child(1):last-child) {
  --sk-marquee-seats: 1;
}
.sk-marquee-seq:has(> .sk-marquee-item:nth-child(2):last-child) {
  --sk-marquee-seats: 2;
}
.sk-marquee-seq:has(> .sk-marquee-item:nth-child(3):last-child) {
  --sk-marquee-seats: 3;
}
.sk-marquee-seq:has(> .sk-marquee-item:nth-child(4):last-child) {
  --sk-marquee-seats: 4;
}
.sk-marquee-seq:has(> .sk-marquee-item:nth-child(5):last-child) {
  --sk-marquee-seats: 5;
}
.sk-marquee-seq[data-sk-clone] {
  display: none;
}

.sk-marquee-item {
  display: flex;
  align-items: center;
  flex: 0 1 var(--sk-marquee-track);
  /* Floored at the roster's widest word, or an exchange moves a column. */
  min-inline-size: var(--sk-marquee-seat, min-content);
}
.sk-marquee[data-label-placement="below"] .sk-marquee-item {
  justify-content: center;
}
.sk-marquee-tile {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--sk-marquee-pad);
  box-sizing: border-box;
  color: var(--sk-ink);
  text-decoration: none;
}
/* The motion block clears this cap on an armed row. */
:where(.sk-marquee[data-variant="drift"]) .sk-marquee-tile {
  --sk-marquee-row-cap: calc(100cqi - 2 * var(--sk-marquee-inset, 0px));
}
:where(
    .sk-marquee[data-variant="drift"]:not([data-label-placement="inside"]):not(
        [data-show-text=""][data-media-fill="fill"]
      )
  )
  .sk-marquee-item:has(.sk-marquee-img) {
  flex: 0 1 auto;
}
:where(
    .sk-marquee[data-variant="drift"]:not([data-label-placement="inside"]):not(
        [data-show-text=""][data-media-fill="fill"]
      )
  )
  .sk-marquee-item:has(.sk-marquee-img)
  > .sk-marquee-tile {
  --sk-marquee-pic-rest: min(var(--sk-marquee-pic), var(--sk-marquee-row-cap));
}
/* Out-ranks the shared card surface's padding. */
.sk-marquee:not([data-card="true"]) .sk-marquee-tile {
  padding: 0;
}
.sk-marquee[data-gap="none"] {
  --sk-card-radius: 0px;
  --kit-card-radius-tl: 0px;
  --kit-card-radius-tr: 0px;
  --kit-card-radius-br: 0px;
  --kit-card-radius-bl: 0px;
}
/* marquee.js writes data-sk-meets; this is print's fallback. */
.sk-marquee[data-gap="none"]:not([data-card="true"]):not(
    [data-variant="drift"][data-divided="true"]
  ):is([data-label-placement="inside"], [data-show-text=""], [data-variant="grid"]) {
  --sk-media-radius: 0px;
}
.sk-marquee[data-variant="drift"][data-divided="true"]:not([data-card="true"]):is(
    [data-label-placement="inside"],
    [data-show-text=""][data-media-fill="fill"]
  ) {
  --sk-media-radius: 0px;
}
.sk-marquee[data-variant="drift"][data-divided="true"]:not([data-card="true"])
  .sk-marquee-item:not(:has(.sk-marquee-img))
  .sk-marquee-tile,
.sk-marquee[data-variant="drift"][data-divided="true"]:not([data-card="true"]):not(
    [data-label-placement="inside"]
  ):not([data-show-text=""][data-media-fill="fill"])
  .sk-marquee-tile {
  padding: var(--sk-marquee-pad);
  --sk-marquee-inset: var(--sk-marquee-pad);
}
/* Keyed on data-sk-meets alone: a knob gate here would skip grid walls. */
.sk-marquee .sk-marquee-item[data-sk-meets] .sk-marquee-frame {
  border-radius: var(--sk-marquee-corner-tl, var(--sk-media-radius))
    var(--sk-marquee-corner-tr, var(--sk-media-radius))
    var(--sk-marquee-corner-br, var(--sk-media-radius))
    var(--sk-marquee-corner-bl, var(--sk-media-radius));
}
.sk-marquee[data-gap="none"][data-sk-meets]:not([data-card="true"]):not([data-divided="true"])
  .sk-marquee-item[data-sk-meets] {
  --sk-marquee-corner-tl: var(--kit-media-radius);
  --sk-marquee-corner-tr: var(--kit-media-radius);
  --sk-marquee-corner-br: var(--kit-media-radius);
  --sk-marquee-corner-bl: var(--kit-media-radius);
}
.sk-marquee[data-gap="none"][data-sk-meets]:not([data-card="true"]):not([data-divided="true"])
  .sk-marquee-item[data-sk-meets~="top"] {
  --sk-marquee-corner-tl: 0px;
  --sk-marquee-corner-tr: 0px;
}
.sk-marquee[data-gap="none"][data-sk-meets]:not([data-card="true"]):not([data-divided="true"])
  .sk-marquee-item[data-sk-meets~="right"] {
  --sk-marquee-corner-tr: 0px;
  --sk-marquee-corner-br: 0px;
}
.sk-marquee[data-gap="none"][data-sk-meets]:not([data-card="true"]):not([data-divided="true"])
  .sk-marquee-item[data-sk-meets~="bottom"] {
  --sk-marquee-corner-br: 0px;
  --sk-marquee-corner-bl: 0px;
}
.sk-marquee[data-gap="none"][data-sk-meets]:not([data-card="true"]):not([data-divided="true"])
  .sk-marquee-item[data-sk-meets~="left"] {
  --sk-marquee-corner-tl: 0px;
  --sk-marquee-corner-bl: 0px;
}
.sk-marquee-frame {
  display: block;
  /* A zoom escapes its own overflow, so the frame needs a box. */
  overflow: hidden;
  /* One declaration: a four-value corner copied into four slots is invalid. */
  border-radius: var(--sk-marquee-concentric, var(--sk-media-radius));
  inline-size: var(--sk-marquee-pic-rest, var(--sk-marquee-pic));
  max-inline-size: min(var(--sk-marquee-pic), 100%);
  block-size: auto;
  max-block-size: var(--sk-marquee-max-h);
}
.sk-marquee-img {
  display: block;
  inline-size: 100%;
  block-size: auto;
  max-block-size: var(--sk-marquee-max-h);
  object-fit: contain;
}
.sk-marquee[data-label-placement="inside"]
  .sk-marquee-item:has(.sk-marquee-img)
  .sk-marquee-tile::before,
.sk-marquee[data-show-text=""][data-media-fill="fill"]
  .sk-marquee-item:has(.sk-marquee-img)
  .sk-marquee-tile::before {
  content: "";
  grid-area: 1 / 1;
  inline-size: 100%;
  aspect-ratio: var(--sk-aspect);
  max-block-size: var(--sk-marquee-max-h);
}
.sk-marquee[data-aspect="none"]:not([data-label-placement="inside"]):not(
    [data-show-text=""][data-media-fill="fill"]
  )
  .sk-marquee-frame {
  inline-size: fit-content;
}
.sk-marquee[data-aspect="none"]:not([data-variant="grid"]):not([data-label-placement="inside"]):not(
    [data-show-text=""][data-media-fill="fill"]
  )
  .sk-marquee-img {
  max-inline-size: var(--sk-marquee-pic-rest, var(--sk-marquee-pic));
}
.sk-marquee[data-aspect="none"]:not([data-variant="grid"])[data-label-placement="inside"]
  .sk-marquee-item:has(.sk-marquee-img)
  .sk-marquee-tile,
.sk-marquee[data-aspect="none"]:not(
    [data-variant="grid"]
  )[data-show-text=""][data-media-fill="fill"]
  .sk-marquee-item:has(.sk-marquee-img)
  .sk-marquee-tile {
  min-block-size: min(var(--sk-marquee-face-h), var(--sk-marquee-max-h));
}
.sk-marquee[data-variant="grid"][data-aspect="none"][data-label-placement="inside"]
  .sk-marquee-item:has(.sk-marquee-img)
  .sk-marquee-tile::before,
.sk-marquee[data-variant="grid"][data-aspect="none"][data-show-text=""][data-media-fill="fill"]
  .sk-marquee-item:has(.sk-marquee-img)
  .sk-marquee-tile::before {
  aspect-ratio: 1;
}
.sk-marquee[data-label-placement="inside"] .sk-marquee-item:has(.sk-marquee-img) .sk-marquee-frame,
.sk-marquee[data-show-text=""][data-media-fill="fill"]
  .sk-marquee-item:has(.sk-marquee-img)
  .sk-marquee-frame {
  /* Out of flow, or the image's own size sets the row. */
  position: absolute;
  inset: 0;
  inline-size: 0;
  min-inline-size: 100%;
  max-inline-size: none;
  block-size: 100%;
  max-block-size: none;
}
.sk-marquee:not([data-aspect="none"]):not([data-aspect="auto"]):not([data-aspect=""]) {
  --sk-marquee-pic: min(
    var(--sk-marquee-pic-dial),
    calc(var(--sk-marquee-max-h) * (var(--sk-aspect)))
  );
  --sk-marquee-face-h: round(down, calc(var(--sk-marquee-pic) / (var(--sk-aspect))), 1px);
}
.sk-marquee:not([data-aspect="none"]) .sk-marquee-img {
  block-size: 100%;
  object-fit: cover;
}
.sk-marquee[data-label-placement="inside"] .sk-marquee-item:has(.sk-marquee-img) .sk-marquee-img,
.sk-marquee[data-show-text=""][data-media-fill="fill"]
  .sk-marquee-item:has(.sk-marquee-img)
  .sk-marquee-img {
  block-size: 100%;
  max-block-size: none;
  object-fit: cover;
}

.sk-marquee-label {
  font-family: var(--kit-font-title);
  font-style: var(--kit-slant-title);
  font-weight: var(--kit-weight-title);
  letter-spacing: calc(var(--kit-track-title) * 1em + 0.08em);
  line-height: var(--kit-lead-title);
}
.sk-marquee-sep {
  display: none;
  place-items: center;
  inline-size: max(var(--sk-marquee-gap), var(--sk-marquee-pad), var(--sk-marquee-sep-w));
  margin-inline-start: var(--sk-marquee-gap);
  font-size: calc(var(--kit-type-base) * 0.55 + var(--sk-marquee-label-size) * 0.3);
  block-size: calc(var(--sk-marquee-label-size) * var(--kit-lead-title));
  color: var(--sk-ink-muted);
}
.sk-marquee-sep::after {
  content: "";
  display: block;
  inline-size: var(--sk-marquee-sep-w);
  block-size: var(--sk-marquee-sep-h);
  border-radius: var(--sk-marquee-sep-round);
  background: currentColor;
}
.sk-marquee[data-show-text=""] .sk-marquee-item:has(.sk-marquee-img) .sk-marquee-label {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.sk-marquee[data-label-placement="below"] .sk-marquee-tile,
.sk-marquee[data-label-placement="beside"] .sk-marquee-tile {
  flex-direction: column;
}
.sk-marquee[data-label-placement="below"] .sk-marquee-frame,
.sk-marquee[data-label-placement="beside"] .sk-marquee-frame {
  min-block-size: 0;
}
.sk-marquee[data-variant="grid"][data-label-placement="below"]
  .sk-marquee-item:not(:has(.sk-marquee-frame))
  .sk-marquee-label {
  margin-block-start: auto;
}
.sk-marquee[data-variant="drift"][data-aspect="none"][data-label-placement="below"]
  .sk-marquee-frame {
  margin-block-start: auto;
}
.sk-marquee[data-variant="drift"][data-label-placement="below"] .sk-marquee-label,
.sk-marquee[data-variant="drift"][data-label-placement="beside"] .sk-marquee-label {
  margin-block-start: auto;
}
.sk-marquee:not([data-label-placement="inside"]) .sk-marquee-sep {
  align-self: center;
}
.sk-marquee[data-label-placement="below"] .sk-marquee-sep,
.sk-marquee[data-label-placement="beside"] .sk-marquee-sep {
  align-self: end;
}
.sk-marquee[data-label-placement="inside"] .sk-marquee-item:has(.sk-marquee-img) .sk-marquee-tile,
.sk-marquee[data-show-text=""][data-media-fill="fill"]
  .sk-marquee-item:has(.sk-marquee-img)
  .sk-marquee-tile {
  display: grid;
  grid-template-rows: minmax(min-content, 1fr);
  block-size: auto;
  aspect-ratio: auto;
  grid-template-columns: minmax(min-content, 1fr);
  padding: 0;
  overflow: hidden;
}
/* A flush picture rounds at the card's inner curve, floored at two thirds of it. */
.sk-marquee[data-card="true"][data-label-placement="inside"]
  .sk-marquee-item:has(.sk-marquee-img)
  .sk-marquee-tile,
.sk-marquee[data-card="true"][data-show-text=""][data-media-fill="fill"]
  .sk-marquee-item:has(.sk-marquee-img)
  .sk-marquee-tile {
  --sk-marquee-concentric: max(
      calc(var(--kit-card-radius-tl, var(--sk-card-radius)) - var(--sk-marquee-edge)),
      calc(var(--kit-card-radius-tl, var(--sk-card-radius)) * 0.67)
    )
    max(
      calc(var(--kit-card-radius-tr, var(--sk-card-radius)) - var(--sk-marquee-edge)),
      calc(var(--kit-card-radius-tr, var(--sk-card-radius)) * 0.67)
    )
    max(
      calc(var(--kit-card-radius-br, var(--sk-card-radius)) - var(--sk-marquee-edge)),
      calc(var(--kit-card-radius-br, var(--sk-card-radius)) * 0.67)
    )
    max(
      calc(var(--kit-card-radius-bl, var(--sk-card-radius)) - var(--sk-marquee-edge)),
      calc(var(--kit-card-radius-bl, var(--sk-card-radius)) * 0.67)
    );
  --sk-marquee-inset: var(--sk-border-width);
}
/* Not at gap: none, where a picture held off the card keeps the theme's curve. */
.sk-marquee[data-card="true"]:not([data-gap="none"]):not([data-label-placement="inside"]):not(
    [data-show-text=""][data-media-fill="fill"]
  )
  .sk-marquee-item:has(.sk-marquee-img)
  .sk-marquee-tile {
  --sk-marquee-concentric: max(
      calc(var(--kit-card-radius-tl, var(--sk-card-radius)) - var(--sk-marquee-inset)),
      calc(var(--kit-card-radius-tl, var(--sk-card-radius)) * 0.67)
    )
    max(
      calc(var(--kit-card-radius-tr, var(--sk-card-radius)) - var(--sk-marquee-inset)),
      calc(var(--kit-card-radius-tr, var(--sk-card-radius)) * 0.67)
    )
    max(
      calc(var(--kit-card-radius-br, var(--sk-card-radius)) - var(--sk-marquee-inset)),
      calc(var(--kit-card-radius-br, var(--sk-card-radius)) * 0.67)
    )
    max(
      calc(var(--kit-card-radius-bl, var(--sk-card-radius)) - var(--sk-marquee-inset)),
      calc(var(--kit-card-radius-bl, var(--sk-card-radius)) * 0.67)
    );
}
/* One grid cell for both, or the name stacks below the picture. */
.sk-marquee[data-label-placement="inside"] .sk-marquee-item:has(.sk-marquee-img) .sk-marquee-frame,
.sk-marquee[data-label-placement="inside"] .sk-marquee-item:has(.sk-marquee-img) .sk-marquee-label,
.sk-marquee[data-show-text=""][data-media-fill="fill"]
  .sk-marquee-item:has(.sk-marquee-img)
  .sk-marquee-frame,
.sk-marquee[data-show-text=""][data-media-fill="fill"]
  .sk-marquee-item:has(.sk-marquee-img)
  .sk-marquee-label {
  grid-area: 1 / 1;
}
.sk-marquee[data-label-placement="inside"] .sk-marquee-item:has(.sk-marquee-img) .sk-marquee-label {
  align-self: center;
  justify-self: center;
  padding: var(--sk-marquee-pad);
  text-align: center;
  color: var(--sk-overlay-ink);
  z-index: 1;
}
.sk-marquee-inner {
  container-type: inline-size;
}
.sk-marquee .sk-marquee-item > .sk-marquee-tile {
  --sk-marquee-pad: var(--sk-marquee-pad-dial);
  inline-size: 100%;
  max-inline-size: none;
}
.sk-marquee .sk-marquee-item .sk-marquee-label {
  font-size: var(--sk-marquee-label-size);
  text-align: center;
  white-space: normal;
  flex: 0 1 auto;
  max-inline-size: 100%;
}
.sk-marquee[data-variant="drift"] .sk-marquee-item .sk-marquee-label {
  max-inline-size: var(--sk-marquee-row-cap, 100%);
  overflow-wrap: break-word;
}
.sk-marquee[data-label-placement="inside"]
  .sk-marquee-item:has(.sk-marquee-img):has(.sk-marquee-label:not(:empty))
  .sk-marquee-tile::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(
    --sk-image-wash,
    linear-gradient(to bottom, rgba(14, 12, 10, 0.35), rgba(14, 12, 10, 0.55))
  );
  border-radius: var(--sk-marquee-concentric, var(--sk-media-radius));
  pointer-events: none;
}

.sk-marquee[data-card="true"] .sk-marquee-tile,
.sk-marquee[data-variant="drift"][data-divided="true"] .sk-marquee-tile {
  align-self: stretch;
}
/* The card atom (base/parts.css) draws its stroke from --sk-border-width. */
.sk-marquee[data-card="true"]:not([data-border="true"]) {
  --sk-border-width: 0px;
}
.sk-marquee[data-card="true"][data-border="true"] {
  --sk-border-width: var(--sk-border-width-min);
}
/* Two lanes are two transformed layers, which round a shared seam apart. */
.sk-marquee[data-variant="drift"][data-gap="none"][data-card="true"] {
  --sk-marquee-weld: 1px;
}
.sk-marquee[data-variant="drift"][data-gap="none"][data-card="true"][data-border="true"] {
  --sk-marquee-weld: var(--sk-border-width-min);
}
.sk-marquee[data-card="true"],
.sk-marquee[data-variant="drift"][data-divided="true"] {
  --sk-marquee-edge: var(--sk-border-width);
}
.sk-marquee[data-card="true"] .sk-marquee-tile {
  --sk-card-pad: var(--sk-marquee-pad);
  --sk-marquee-inset: calc(var(--sk-card-pad) + var(--sk-border-width));
  overflow: hidden;
}
.sk-marquee[data-variant="grid"][data-card="true"] .sk-marquee-seq,
.sk-marquee[data-variant="grid"][data-card="true"] .sk-marquee-tile {
  --sk-marquee-ramp: max(0px, calc(4.2cqi - 5.4px));
}
.sk-marquee[data-variant="grid"][data-card="true"] .sk-marquee-tile {
  --sk-card-pad: min(var(--sk-marquee-pad), var(--sk-marquee-ramp));
}
.sk-marquee[data-variant="grid"][data-card="true"] .sk-marquee-seq {
  --sk-marquee-gap: min(var(--sk-marquee-gap-dial), var(--sk-marquee-ramp));
}
/* cqi resolves where declared, against the nearest container above. */
@property --sk-marquee-band {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
.sk-marquee-inner {
  --sk-marquee-band: 100cqi;
}
.sk-marquee[data-variant="drift"][data-card="true"] .sk-marquee-tile {
  --sk-marquee-ramp: calc(4.2cqi - 5.4px);
  --sk-card-pad: min(
    var(--sk-marquee-pad),
    max(0px, var(--sk-marquee-ramp), (var(--sk-marquee-band) - 560px) * 1000)
  );
}
/* A wrapped row has no first-in-row selector: every card steps back and the padding restores the first. */
.sk-marquee[data-variant="grid"][data-gap="none"][data-card="true"][data-border="true"]
  .sk-marquee-seq {
  padding-block-start: var(--sk-border-width-min);
  padding-inline-start: var(--sk-border-width-min);
  --sk-marquee-track: calc(100% / var(--sk-marquee-active) + var(--sk-border-width-min));
}
.sk-marquee[data-variant="grid"][data-gap="none"][data-card="true"][data-border="true"]
  .sk-marquee-item {
  margin-inline-start: calc(-1 * var(--sk-border-width-min));
  margin-block-start: calc(-1 * var(--sk-border-width-min));
}
.sk-marquee[data-show-text=""][data-media-fill="inset"]:not([data-card="true"]) .sk-marquee-tile {
  padding: var(--sk-marquee-pad);
  --sk-marquee-inset: var(--sk-marquee-pad);
}
/* Min width, so a borderless theme still draws the rule. */
.sk-marquee[data-variant="drift"][data-divided="true"]:not([data-card="true"]) {
  --sk-marquee-rule: var(--sk-border-width-min);
}
.sk-marquee[data-variant="drift"][data-divided="true"]:not([data-card="true"]) .sk-marquee-seq {
  border-block: var(--sk-border-width-min) solid var(--sk-stroke);
}

a.sk-marquee-tile:not(:has(.sk-marquee-img)),
.sk-marquee:is([data-label-placement="below"], [data-label-placement="beside"])
  a.sk-marquee-tile:has(.sk-marquee-img)
  .sk-marquee-label {
  transition: opacity 0.35s var(--sk-ease-out);
}
a.sk-marquee-tile:not(:has(.sk-marquee-img)):is(:hover, :focus-visible),
.sk-marquee:is([data-label-placement="below"], [data-label-placement="beside"])
  a.sk-marquee-tile:has(.sk-marquee-img):is(:hover, :focus-visible)
  .sk-marquee-label {
  opacity: 0.75;
}

.sk-marquee:not([data-label-placement="inside"]) .sk-marquee-item {
  align-items: stretch;
}
.sk-marquee:not([data-label-placement="inside"]) .sk-marquee-item .sk-marquee-tile {
  justify-content: flex-start;
}
.sk-marquee:not([data-label-placement="inside"]) .sk-marquee-item .sk-marquee-frame {
  flex: 0 0 auto;
}
.sk-marquee[data-variant="grid"] .sk-marquee-frame {
  inline-size: 100%;
  max-inline-size: none;
}
.sk-marquee:not([data-aspect="none"]) .sk-marquee-frame {
  aspect-ratio: var(--sk-aspect);
}

@media screen and (prefers-reduced-motion: no-preference) {
  .sk-marquee[data-rotate="on"] .sk-marquee-seq {
    position: relative;
    overflow-x: clip;
    overflow-y: visible;
  }
  .sk-marquee[data-rotate="on"] .sk-marquee-item {
    min-block-size: var(--sk-marquee-cell, auto);
    perspective: 900px;
  }
  .sk-marquee[data-rotate="on"] .sk-marquee-item[data-off] {
    display: none;
  }

  .sk-marquee[data-variant="drift"][data-marquee] {
    --sk-marquee-label-size: calc(var(--kit-type-base) * 1.2);
  }
  .sk-marquee[data-variant="drift"][data-text-size="heading"][data-marquee] {
    --sk-marquee-label-size: var(--sk-text-h2-size);
  }
  .sk-marquee[data-variant="drift"][data-text-size="display"][data-marquee] {
    --sk-marquee-label-size: var(--sk-text-display-size);
  }
  .sk-marquee[data-variant="drift"][data-orientation="horizontal"][data-marquee]
    .sk-marquee-item:has(.sk-marquee-img)
    .sk-marquee-tile {
    inline-size: var(--sk-marquee-pic);
    min-inline-size: max-content;
  }
  .sk-marquee[data-aspect="none"][data-variant="drift"][data-orientation="horizontal"][data-marquee]:not(
      [data-label-placement="inside"]
    ):not([data-show-text=""][data-media-fill="fill"])
    .sk-marquee-item:has(.sk-marquee-img)
    .sk-marquee-tile {
    inline-size: fit-content;
  }

  .sk-marquee[data-variant="drift"][data-orientation="horizontal"][data-marquee][data-label-placement="inside"]
    .sk-marquee-item:has(.sk-marquee-img)
    .sk-marquee-tile,
  .sk-marquee[data-variant="drift"][data-orientation="horizontal"][data-marquee][data-show-text=""][data-media-fill="fill"]
    .sk-marquee-item:has(.sk-marquee-img)
    .sk-marquee-tile {
    min-block-size: min(var(--sk-marquee-face-h), var(--sk-marquee-max-h));
    max-block-size: var(--sk-marquee-max-h);
  }
  .sk-marquee[data-variant="drift"][data-orientation="horizontal"][data-marquee][data-label-placement="inside"]
    .sk-marquee-item:has(.sk-marquee-img)
    .sk-marquee-tile::before,
  .sk-marquee[data-variant="drift"][data-orientation="horizontal"][data-marquee][data-show-text=""][data-media-fill="fill"]
    .sk-marquee-item:has(.sk-marquee-img)
    .sk-marquee-tile::before {
    content: none;
  }
  .sk-marquee[data-variant="drift"][data-orientation="horizontal"][data-marquee] .sk-marquee-label {
    white-space: nowrap;
  }
  .sk-marquee[data-variant="drift"][data-orientation="horizontal"][data-marquee]:not(
      [data-card="true"]
    ):not([data-divided="true"]):not([data-separator="none"]):not(
      [data-label-placement="inside"]
    ):not([data-show-text=""])
    .sk-marquee-sep,
  .sk-marquee[data-variant="drift"][data-orientation="horizontal"][data-marquee]:not(
      [data-card="true"]
    ):not([data-divided="true"]):not([data-separator="none"]):is(
      [data-label-placement="inside"],
      [data-show-text=""]
    )
    .sk-marquee-item:not(:has(.sk-marquee-frame))
    .sk-marquee-sep {
    display: grid;
  }
  .sk-marquee[data-variant="drift"][data-orientation="horizontal"][data-marquee][data-label-placement="beside"]
    .sk-marquee-tile {
    flex-direction: row;
    justify-content: center;
  }
  .sk-marquee[data-variant="drift"][data-orientation="horizontal"][data-marquee][data-label-placement="beside"]
    .sk-marquee-frame {
    flex: 0 1 auto;
  }
  .sk-marquee[data-variant="drift"][data-orientation="horizontal"][data-marquee][data-label-placement="beside"]
    .sk-marquee-label {
    flex: 0 1 auto;
    margin-block-start: 0;
  }
  .sk-marquee[data-variant="drift"][data-orientation="horizontal"][data-marquee][data-label-placement="beside"]
    .sk-marquee-sep {
    align-self: center;
  }

  a.sk-marquee-tile .sk-marquee-img {
    transition: transform 0.9s var(--sk-ease-out);
  }
  a.sk-marquee-tile:is(:hover, :focus-visible) .sk-marquee-img {
    transform: scale(1.05);
  }

  html[data-sk-js] .sk-marquee[data-rotate="on"] .sk-marquee-seq .sk-marquee-item {
    transition: opacity 1s var(--sk-ease-out);
  }
  /* The cell is the vanishing point, so it cannot also turn. */
  html[data-sk-js] .sk-marquee[data-rotate="on"] .sk-marquee-seq .sk-marquee-tile {
    transition: transform 1s var(--sk-ease-out);
  }
  html[data-sk-js] .sk-marquee[data-rotate="on"] .sk-marquee-item:is([data-out], [data-in]) {
    opacity: 0;
  }
  html[data-sk-js]
    .sk-marquee[data-rotate="on"][data-swap="flip"]
    .sk-marquee-item:is([data-out], [data-in]) {
    opacity: 1;
  }
  html[data-sk-js] .sk-marquee[data-rotate="on"][data-swap="flip"] .sk-marquee-tile {
    backface-visibility: hidden;
  }
  html[data-sk-js] .sk-marquee[data-rotate="on"][data-swap="flip"] .sk-marquee-item {
    overflow: visible;
  }
  html[data-sk-js]
    .sk-marquee[data-rotate="on"][data-swap="flip"]
    .sk-marquee-item[data-out]
    .sk-marquee-tile {
    transform: rotateX(180deg);
  }
  html[data-sk-js]
    .sk-marquee[data-rotate="on"][data-swap="flip"]
    .sk-marquee-item[data-in]
    .sk-marquee-tile {
    transform: rotateX(-180deg);
  }
  html[data-sk-js]
    .sk-marquee[data-rotate="on"][data-swap="roll"]
    .sk-marquee-item[data-out]
    .sk-marquee-tile {
    transform: translateY(max(-18%, -32px));
  }
  html[data-sk-js]
    .sk-marquee[data-rotate="on"][data-swap="roll"]
    .sk-marquee-item[data-in]
    .sk-marquee-tile {
    transform: translateY(min(18%, 32px));
  }
  html[data-sk-js] .sk-marquee[data-rotate="on"] .sk-marquee-item[data-in],
  html[data-sk-js] .sk-marquee[data-rotate="on"] .sk-marquee-item[data-in] .sk-marquee-tile {
    transition: none;
  }

  /* The strip. Pre-arm is the armed geometry without the motion. */
  .sk-marquee[data-variant="drift"][data-marquee="pre"] .sk-marquee-inner {
    overflow: clip;
    padding-block: var(--sk-marquee-edge, 0px);
    margin-block: calc(var(--sk-marquee-edge, 0px) * -1);
  }
  /* A row gives up the inline gutter it travels along; a lane keeps it. */
  .sk-marquee[data-variant="drift"][data-orientation="horizontal"][data-marquee] .sk-marquee-inner {
    padding-inline: 0;
  }
  .sk-marquee[data-variant="drift"][data-marquee] .sk-marquee-seq {
    display: flex;
    /* Pre-arm the track is display: contents, so a wrapping row would stack. */
    flex-wrap: nowrap;
    gap: var(--sk-marquee-gap);
  }
  .sk-marquee[data-variant="drift"][data-orientation="vertical"][data-marquee] .sk-marquee-seq {
    flex-direction: column;
  }
  .sk-marquee[data-variant="drift"][data-orientation="horizontal"][data-marquee="pre"]
    .sk-marquee-inner {
    /* Counts the rules the armed row draws, or arming shifts the page. */
    --sk-marquee-rules: calc(var(--sk-marquee-lanes, 1) * 2);
    min-block-size: calc(
      var(--sk-marquee-stack, var(--sk-marquee-pic)) + (var(--sk-marquee-lanes, 1) - 1) *
        var(--sk-marquee-gap) + var(--sk-marquee-rules) * var(--sk-marquee-rule, 0px) + 2 *
        var(--sk-marquee-edge, 0px)
    );
  }
  .sk-marquee[data-gap="none"][data-variant="drift"][data-orientation="horizontal"][data-marquee="pre"]
    .sk-marquee-inner {
    --sk-marquee-rules: calc(var(--sk-marquee-lanes, 1) + 1);
  }
  /* Negative: each overlapping lane seam shortens the band. */
  .sk-marquee[data-gap="none"][data-card="true"][data-variant="drift"][data-orientation="horizontal"][data-marquee="pre"]
    .sk-marquee-inner {
    --sk-marquee-rule: var(--sk-marquee-weld);
    --sk-marquee-rules: calc((var(--sk-marquee-lanes, 1) - 1) * -1);
  }
  .sk-marquee[data-variant="drift"][data-orientation="vertical"][data-marquee="pre"]
    .sk-marquee-inner {
    block-size: var(--sk-marquee-clip);
  }
  /* Contained, or the clone pass grows the row on every pass. */
  .sk-section:is([data-height="full"], [data-height="custom"])
    .sk-marquee[data-variant="drift"][data-orientation="vertical"][data-marquee]
    .sk-marquee-inner {
    block-size: 100%;
    /* A percentage resolves only on a col's last member, so the rest are floored. */
    min-block-size: var(--sk-marquee-clip);
    contain: size;
  }
  /* A travelling lane runs through the band's block air; only a col's end members face its edges. */
  .sk-section > .sk-marquee[data-variant="drift"][data-orientation="vertical"][data-marquee],
  .sk-section
    > .sk-section-col
    > .sk-marquee[data-variant="drift"][data-orientation="vertical"][data-marquee]:nth-child(
      1 of .sk-component
    ) {
    padding-block-start: 0;
  }
  .sk-section > .sk-marquee[data-variant="drift"][data-orientation="vertical"][data-marquee],
  .sk-section
    > .sk-section-col
    > .sk-marquee[data-variant="drift"][data-orientation="vertical"][data-marquee]:nth-last-child(
      1 of .sk-component
    ) {
    padding-block-end: 0;
  }
  .sk-marquee[data-variant="drift"][data-marquee] .sk-marquee-item {
    flex: none;
  }
  :where(.sk-marquee[data-variant="drift"][data-marquee]) .sk-marquee-tile {
    --sk-marquee-row-cap: initial;
  }
  .sk-marquee[data-variant="drift"][data-card="true"][data-marquee] .sk-marquee-tile {
    --sk-card-pad: var(--sk-marquee-pad);
  }
  .sk-marquee[data-variant="drift"][data-marquee] .sk-marquee-item .sk-marquee-label {
    overflow-wrap: normal;
  }
  .sk-marquee[data-variant="drift"][data-orientation="horizontal"][data-card="true"][data-marquee]
    .sk-marquee-item:not(:has(.sk-marquee-img))
    .sk-marquee-tile {
    min-inline-size: min(var(--sk-marquee-card-min), 88cqi);
  }

  .sk-marquee[data-variant="drift"][data-marquee="on"] .sk-marquee-inner {
    display: flex;
    flex-direction: column;
    gap: var(--sk-marquee-gap);
    overflow: clip;
    padding-block: var(--sk-marquee-edge, 0px);
    margin-block: calc(var(--sk-marquee-edge, 0px) * -1);
    -webkit-mask-image: linear-gradient(
      90deg,
      transparent,
      #000 min(var(--sk-marquee-fade), 40%),
      #000 calc(100% - min(var(--sk-marquee-fade), 40%)),
      transparent
    );
    mask-image: linear-gradient(
      90deg,
      transparent,
      #000 min(var(--sk-marquee-fade), 40%),
      #000 calc(100% - min(var(--sk-marquee-fade), 40%)),
      transparent
    );
  }
  .sk-marquee[data-variant="drift"][data-marquee="on"] .sk-marquee-lane {
    display: block;
  }
  /* The first item too: the seam between the track's two copies must match the rest. */
  .sk-marquee[data-gap="none"][data-card="true"][data-border="true"][data-marquee="on"]
    .sk-marquee-item {
    margin-inline-start: calc(-1 * var(--sk-border-width-min));
  }
  /* On the lane, never the transformed seq. */
  .sk-marquee[data-variant="drift"][data-orientation="horizontal"][data-gap="none"][data-card="true"][data-marquee="on"]
    .sk-marquee-lane
    + .sk-marquee-lane {
    margin-block-start: calc(-1 * var(--sk-marquee-weld));
  }
  .sk-marquee[data-variant="drift"][data-orientation="vertical"][data-gap="none"][data-card="true"][data-marquee="on"]
    .sk-marquee-lane
    + .sk-marquee-lane {
    margin-inline-start: calc(-1 * var(--sk-marquee-weld));
  }
  .sk-marquee[data-variant="drift"][data-divided="true"]:not([data-card="true"])[data-marquee="on"]
    .sk-marquee-seq {
    border-block: 0;
  }
  .sk-marquee[data-variant="drift"][data-divided="true"]:not([data-card="true"])[data-marquee="on"]
    .sk-marquee-lane {
    border-block: var(--sk-border-width-min) solid var(--sk-stroke);
  }
  .sk-marquee[data-gap="none"][data-variant="drift"][data-divided="true"]:not(
      [data-card="true"]
    )[data-marquee="on"]
    .sk-marquee-lane {
    border-block-end: 0;
  }
  .sk-marquee[data-gap="none"][data-variant="drift"][data-divided="true"]:not(
      [data-card="true"]
    )[data-marquee="on"]
    .sk-marquee-inner {
    border-block-end: var(--sk-border-width-min) solid var(--sk-stroke);
  }
  /* A physical translate: a right-to-left row lays out reversed. */
  :dir(rtl)
    .sk-marquee[data-variant="drift"][data-orientation="horizontal"][data-marquee="on"]
    .sk-marquee-track {
    --sk-marquee-x: 50%;
  }
  .sk-marquee[data-variant="drift"][data-marquee="on"] .sk-marquee-track {
    display: flex;
    width: max-content;
    will-change: transform;
    --sk-marquee-x: -50%;
    --sk-marquee-y: 0;
    /* Longhands, or the shorthand resets the pause and reverse below. --sk-marquee-half is unitless. */
    animation-name: sk-marquee-loop;
    --sk-marquee-dur: calc(
      var(--sk-marquee-half) / (var(--sk-marquee-rate) * var(--sk-marquee-rate-mult)) * 1s
    );
    animation-duration: var(--sk-marquee-dur);
    animation-timing-function: linear;
    animation-iteration-count: infinite;
  }
  .sk-marquee[data-variant="drift"][data-marquee="on"] .sk-marquee-seq {
    padding-inline-end: var(--sk-marquee-gap);
  }
  .sk-marquee[data-variant="drift"][data-orientation="horizontal"][data-marquee] .sk-marquee-label {
    flex: 0 0 auto;
  }
  .sk-marquee[data-variant="drift"][data-orientation="horizontal"][data-marquee]
    .sk-marquee-item:not(:has(.sk-marquee-img))
    .sk-marquee-tile {
    inline-size: auto;
  }

  .sk-marquee[data-variant="drift"][data-orientation="vertical"][data-marquee="on"]
    .sk-marquee-inner {
    flex-direction: row;
    justify-content: center;
    gap: var(--sk-marquee-gap);
    block-size: var(--sk-marquee-clip);
    -webkit-mask-image: linear-gradient(
      180deg,
      transparent,
      #000 min(var(--sk-marquee-fade), 40%),
      #000 calc(100% - min(var(--sk-marquee-fade), 40%)),
      transparent
    );
    mask-image: linear-gradient(
      180deg,
      transparent,
      #000 min(var(--sk-marquee-fade), 40%),
      #000 calc(100% - min(var(--sk-marquee-fade), 40%)),
      transparent
    );
  }
  .sk-marquee[data-variant="drift"][data-orientation="vertical"][data-marquee="on"]
    .sk-marquee-track {
    flex-direction: column;
    --sk-marquee-x: 0;
    --sk-marquee-y: -50%;
  }
  .sk-marquee[data-variant="drift"][data-orientation="vertical"][data-marquee="on"]
    .sk-marquee-seq {
    padding-inline-end: 0;
    padding-block-end: var(--sk-marquee-gap);
  }
  .sk-marquee[data-variant="drift"][data-orientation="vertical"][data-marquee] {
    --sk-marquee-column: calc(88cqi / var(--sk-marquee-lanes, 1));
  }
  /* A dressed tile is a surface and fills its column, or a channel opens beside it. */
  .sk-marquee[data-variant="drift"][data-orientation="vertical"][data-marquee]:is(
      [data-card="true"],
      [data-label-placement="inside"],
      [data-show-text=""][data-media-fill="fill"]
    ) {
    --sk-marquee-column: calc(
      (100cqi - (var(--sk-marquee-lanes, 1) - 1) * var(--sk-marquee-gap)) /
        var(--sk-marquee-lanes, 1)
    );
  }
  /* Down a lane, Media Size is the tile's height, capped by the screen. */
  .sk-marquee[data-variant="drift"][data-orientation="vertical"][data-marquee] .sk-marquee-tile {
    inline-size: var(--sk-marquee-column);
  }
  .sk-marquee[data-variant="drift"][data-orientation="vertical"][data-marquee]:is(
      [data-label-placement="inside"],
      [data-show-text=""][data-media-fill="fill"]
    )
    .sk-marquee-tile {
    grid-template-columns: minmax(0, 1fr);
  }
  .sk-marquee[data-variant="drift"][data-orientation="vertical"][data-marquee]:is(
      [data-label-placement="inside"],
      [data-show-text=""][data-media-fill="fill"]
    )
    .sk-marquee-item:has(.sk-marquee-img)
    .sk-marquee-tile::before {
    aspect-ratio: auto;
    block-size: min(var(--sk-marquee-pic-dial), var(--sk-marquee-max-h));
  }
  /* An undressed word list hugs its widest word rather than filling the column. */
  .sk-marquee[data-variant="drift"][data-orientation="vertical"][data-marquee]:not(
      :has(.sk-marquee-img)
    ):not([data-card="true"]):not([data-label-placement="inside"]):not(
      [data-show-text=""][data-media-fill="fill"]
    )
    .sk-marquee-tile {
    inline-size: min(
      var(--sk-marquee-column),
      max(var(--sk-marquee-pic), var(--sk-marquee-word, 0px))
    );
  }
  .sk-marquee[data-variant="drift"][data-orientation="vertical"][data-marquee]:not(
      [data-label-placement="inside"]
    ):not([data-show-text=""][data-media-fill="fill"])
    .sk-marquee-tile {
    padding: var(--sk-marquee-pad);
  }
  .sk-marquee[data-variant="drift"][data-orientation="vertical"][data-marquee]:is(
      [data-label-placement="inside"],
      [data-show-text=""][data-media-fill="fill"]
    )
    .sk-marquee-item:not(:has(.sk-marquee-img))
    .sk-marquee-tile {
    padding: var(--sk-marquee-pad);
  }
  .sk-marquee[data-variant="drift"][data-orientation="vertical"][data-marquee][data-divided="true"]:not(
      [data-card="true"]
    )
    .sk-marquee-item {
    border-block-start: var(--sk-border-width-min) solid var(--sk-stroke);
  }
  .sk-marquee[data-variant="drift"][data-orientation="vertical"][data-marquee][data-divided="true"]:not(
      [data-card="true"]
    )
    .sk-marquee-seq {
    border-block: 0;
    padding-block-end: 0;
  }
  .sk-marquee[data-variant="drift"][data-orientation="vertical"][data-marquee] .sk-marquee-frame {
    max-inline-size: 100%;
  }
  .sk-marquee[data-variant="drift"][data-orientation="vertical"][data-marquee]:not(
      [data-label-placement="inside"]
    ):not([data-show-text=""][data-media-fill="fill"])
    .sk-marquee-frame {
    block-size: auto;
  }
  /* marquee.js stamps data-sk-long-word on a roster with a word wider than its column. */
  .sk-marquee[data-variant="drift"][data-orientation="vertical"][data-marquee][data-sk-long-word]
    .sk-marquee-label {
    overflow-wrap: break-word;
  }

  .sk-marquee[data-variant="drift"][data-divided="true"]:not([data-card="true"])[data-marquee="on"]
    .sk-marquee-seq {
    gap: 0;
    padding-inline-end: 0;
  }
  /* Separate from the room rule: the rule is every tile's, the room is not. */
  .sk-marquee[data-variant="drift"][data-orientation="horizontal"][data-divided="true"]:not(
      [data-card="true"]
    )[data-marquee]
    .sk-marquee-tile {
    border-inline-start: var(--sk-border-width-min) solid var(--sk-stroke);
  }
  .sk-marquee[data-variant="drift"][data-marquee="on"]:has(.sk-marquee-tile:focus-visible)
    .sk-marquee-inner,
  .sk-marquee[data-variant="drift"][data-edge-fade="none"][data-marquee="on"] .sk-marquee-inner,
  .sk-marquee[data-variant="drift"][data-text-size="display"][data-marquee="on"] .sk-marquee-inner,
  .sk-marquee[data-variant="drift"][data-orientation="horizontal"][data-divided="true"]:not(
      [data-card="true"]
    )[data-marquee="on"]
    .sk-marquee-inner {
    mask-image: none;
  }
  .sk-marquee-lane[data-dir="rev"] .sk-marquee-track {
    animation-direction: reverse;
  }

  /* The only pause: script never calls play() or pause(), which pins play-state for the element's life. */
  .sk-marquee:not([data-sk-finger]) .sk-marquee-track:hover,
  .sk-marquee[data-held] .sk-marquee-track,
  .sk-marquee-inner:has(.sk-marquee-tile:focus-visible) .sk-marquee-track,
  .sk-marquee-inner:focus-visible .sk-marquee-track,
  .sk-marquee-lane[data-dragging] .sk-marquee-track {
    animation-play-state: paused, running;
  }
  .sk-marquee[data-variant="drift"][data-drag="true"] .sk-marquee-track {
    cursor: grab;
  }
  .sk-marquee[data-variant="drift"][data-drag="true"]
    .sk-marquee-lane[data-dragging]
    .sk-marquee-track {
    cursor: grabbing;
    user-select: none;
  }

  /* The only declaration of the second animation; outside this gate it fills at full amplitude. */
  @supports (animation-timeline: view()) and (view-timeline: --sk-marquee-pass block) {
    .sk-marquee[data-variant="drift"][data-couple="true"][data-orientation="horizontal"] {
      view-timeline: --sk-marquee-pass block;
    }
    /* A level down from the band: no element is its own container. */
    .sk-marquee[data-variant="drift"][data-couple="true"][data-orientation="horizontal"]
      .sk-marquee-track {
      --sk-marquee-couple-amp: -33cqi;
    }
    :dir(rtl)
      .sk-marquee[data-variant="drift"][data-couple="true"][data-orientation="horizontal"]
      .sk-marquee-track {
      --sk-marquee-couple-amp: 33cqi;
    }
    .sk-marquee[data-variant="drift"][data-couple="true"][data-orientation="horizontal"][data-marquee="on"]
      .sk-marquee-track {
      animation-name: sk-marquee-loop, sk-marquee-couple;
      animation-duration: var(--sk-marquee-dur), auto;
      animation-timing-function: linear, linear;
      animation-iteration-count: infinite, 1;
      animation-fill-mode: none, both;
      animation-timeline: auto, --sk-marquee-pass;
    }
    .sk-marquee[data-variant="drift"][data-couple="true"][data-orientation="horizontal"][data-marquee="on"]
      .sk-marquee-inner:has(.sk-marquee-tile:focus-visible)
      .sk-marquee-track,
    .sk-marquee[data-variant="drift"][data-couple="true"][data-orientation="horizontal"][data-marquee="on"]
      .sk-marquee-inner:focus-visible
      .sk-marquee-track {
      animation-name: sk-marquee-loop;
    }
  }
}

/* Registered so the clone pass can read the amplitude in pixels. */
@property --sk-marquee-couple-amp {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}

@keyframes sk-marquee-loop {
  to {
    transform: translate(var(--sk-marquee-x), var(--sk-marquee-y));
  }
}
@keyframes sk-marquee-couple {
  from {
    translate: 0 0;
  }
  to {
    translate: var(--sk-marquee-couple-amp) 0;
  }
}

@media print {
  .sk-marquee .sk-marquee-item[data-sk-meets] {
    --sk-marquee-corner-tl: initial !important;
    --sk-marquee-corner-tr: initial !important;
    --sk-marquee-corner-br: initial !important;
    --sk-marquee-corner-bl: initial !important;
  }
  /* Only !important beats what the script wrote inline. */
  .sk-marquee[data-rotate="on"] .sk-marquee-item {
    order: 0 !important;
    position: static !important;
    inset: auto !important;
    inline-size: auto !important;
    block-size: auto !important;
    /* Zeroed, or an arrival lands a rule off its cell. */
    margin: 0 !important;
  }
  .sk-marquee {
    --sk-marquee-seat: min-content !important;
    --sk-marquee-lane-count: 1 !important;
  }
}
