.qp-port .qp-landing-hotspot{min-inline-size:var(--touch-target-min);min-block-size:var(--touch-target-min)}.qp-port-dim{border-radius:var(--card-radius);background-color:var(--teal-950);opacity:var(--landing-artwork-opacity);pointer-events:none;transition:opacity var(--crossfade-duration) var(--ease-interaction);display:block;position:absolute}.qp-port-row{grid-template-columns:repeat(var(--landing-diagram-columns), minmax(0, 1fr));gap:var(--card-gap);align-items:start;display:grid}.qp-port-col{min-inline-size:0}.qp-port-col:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.qp-port-after{display:var(--landing-art-display);padding-block:var(--space-label-to-control)}.qp-port-mode{gap:var(--space-label-to-control);display:grid}.qp-port-chips{gap:var(--space-label-to-control);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.qp-port-chip{align-items:center;gap:var(--space-label-to-control);min-block-size:var(--touch-target-min);min-inline-size:var(--touch-target-min);padding-inline:var(--button-padding-inline);border:var(--control-border-width) solid var(--action-border);border-radius:var(--control-radius);color:inherit;font-family:var(--font-utility);font-size:var(--type-button-size);letter-spacing:var(--type-button-tracking);line-height:var(--type-button-line-height);cursor:pointer;transition:background-color var(--hover-duration) var(--ease-interaction), color var(--hover-duration) var(--ease-interaction);background-color:#0000;display:inline-flex}.qp-port-chip[aria-pressed=true]{background-color:var(--action-primary-fill);color:var(--ink-950)}.qp-port-chip:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.qp-surface--light .qp-port-chip:focus-visible{outline-color:var(--focus-ring-on-light)}.qp-port-count{font-family:var(--font-body);font-size:var(--type-body-size)}.qp-port-counts{gap:var(--space-label-to-control);margin:0;padding:0;list-style:none;display:grid}.qp-port-counts .qp-port-chip{justify-content:space-between;inline-size:100%}.qp-port-note{max-inline-size:var(--reading-column);font-family:var(--font-body);font-size:var(--type-body-size);line-height:var(--type-body-line-height);margin:0}.qp-port-status{align-items:center;gap:var(--space-label-to-control);display:inline-flex}.qp-port-status__mark{inline-size:var(--checkbox-size);block-size:var(--checkbox-size);border:var(--control-border-width) solid currentColor;border-radius:var(--control-radius)}.qp-port-status[data-status=In\ Progress] .qp-port-status__mark,.qp-port-status[data-status=Testing] .qp-port-status__mark{border-style:dashed}.qp-port-status[data-status=Released] .qp-port-status__mark,.qp-port-status[data-status=Archived] .qp-port-status__mark{border-style:double}.qp-port-facts{gap:var(--space-label-to-control);margin:0;display:grid}.qp-port-facts>div{gap:var(--space-label-to-control);flex-wrap:wrap;display:flex}.qp-port-facts dt{font-family:var(--font-utility);font-size:var(--type-eyebrow-size);letter-spacing:var(--type-eyebrow-tracking)}.qp-port-facts dd{font-family:var(--font-body);font-size:var(--type-body-size);margin:0}.qp-port-cards,.qp-port-list{margin:0;padding:0;list-style:none}.qp-port-list{gap:var(--card-gap);display:grid}.qp-port-live{position:absolute}@media (prefers-reduced-motion:reduce){.qp-port-dim,.qp-port-chip{transition-duration:var(--reduced-motion-duration)}}.qp-port-uncarded{gap:var(--space-label-to-control);max-inline-size:var(--reading-column);padding-block-start:var(--space-label-to-control);display:grid}.qp-port-uncarded a{min-block-size:var(--touch-target-min);font-family:var(--font-body);font-size:var(--type-body-size);display:inline-block}