.auto-open{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:2px 12px;
  width:100%;
  margin:0;
  padding:12px 14px;
  border:1px solid rgba(240,99,197,.28);
  border-radius:16px;
  background:linear-gradient(120deg,rgba(240,99,197,.09),rgba(157,100,255,.06));
}
.auto-open-label{margin:0;color:#f6b4e1;font-size:12px;font-weight:800;line-height:1.45;letter-spacing:.01em}
.auto-open-cancel{min-width:44px;min-height:44px;padding:6px 4px;border:0;background:transparent;color:#e2d4e7;font:inherit;font-size:11px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.auto-open-cancel:focus-visible{outline:2px solid #fff;outline-offset:2px;border-radius:8px}
.auto-open-help{grid-column:1/-1;margin:2px 0 0;color:#9d8fa6;font-size:10px;line-height:1.45}
.auto-open [hidden]{display:none}
.auto-open[data-state="cancelled"] .auto-open-help{display:none}
@media(min-width:721px){.auto-open{display:none}}