:where([data-relay-ticket]) {
  position: relative;
  isolation: isolate;
  background: var(--relay-fill, #f8f4f0);
  border: 0;
  border-radius: 6px;
  box-shadow: inset 0 0 0 1px var(--relay-stroke, #aaa49d);
}

[data-relay-ticket].relay-ready {
  background: transparent;
  box-shadow: none;
}

relay-ticket-shape {
  display: block;
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
}

relay-ticket-shape > svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}

relay-ticket-shape path {
  fill: var(--relay-fill, #f8f4f0);
  stroke: var(--relay-stroke, #aaa49d);
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
}

@media (forced-colors: active) {
  [data-relay-ticket] { --relay-fill: Canvas; --relay-stroke: CanvasText; color: CanvasText; }
  relay-ticket-shape { forced-color-adjust: none; }
}