.product-top{padding-block-start:32px}.part-chips{flex-wrap:wrap;gap:8px;display:flex}.part-chip{border:1px solid var(--dm-border-contain);border-radius:var(--dm-radius-click);background:var(--dm-surface);block-size:32px;color:var(--dm-ink);font-size:var(--dm-font-size-secondary);align-items:center;padding-inline:12px;text-decoration:none;display:inline-flex}.part-chip:hover{border-color:var(--dm-ink-line);color:var(--dm-ink)}.part-last{padding-block-end:72px}.part-band{padding-block:80px}.part-end{padding-block-end:96px}.muted{color:var(--dm-ink-muted)}.muted-small{color:var(--dm-ink-muted);font-size:var(--dm-font-size-hint)}.component-card{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));align-items:start;gap:16px;display:grid}.component-letter{background:var(--dm-surface);box-shadow:var(--dm-shadow-paper);font-family:var(--dm-brand-font-family-ibm-plex-serif);font-size:var(--dm-font-size-secondary);padding-block:28px;padding-inline:32px;line-height:1.85}.component-named{background:var(--dm-fill-faint);outline:2px solid var(--dm-action-fill);margin-block-end:0;padding-block:8px;padding-inline:12px}.component-label-muted{color:var(--dm-ink-muted);margin-block-end:0}.component-side{font-size:var(--dm-font-size-secondary);flex-direction:column;gap:8px;padding:14px;line-height:1.5;display:flex}.component-side-use{border-block-start:1px solid var(--dm-border-contain);padding-block-start:8px}.sheets{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.sheet-with-label{flex-direction:column;align-items:center;gap:8px;display:flex}.sheet{box-sizing:border-box;background:var(--dm-surface);block-size:158px;inline-size:112px;box-shadow:var(--dm-shadow-paper);flex-direction:column;gap:6px;padding:10px;display:flex}.sheet-head{background:var(--dm-fill-chip);block-size:10px}.sheet-head-first{block-size:34px}.sheet-line{background:var(--dm-fill-field);block-size:4px}.sheet-line-short{inline-size:80%}.sheet-foot{background:var(--dm-fill-chip);block-size:8px;margin-block-start:auto}.sheet-label{color:var(--dm-ink-muted);font-size:var(--dm-font-size-hint)}.request-panel{overflow:hidden}.request-panel .panel-head{font-size:var(--dm-font-size-secondary);padding-block:12px;padding-inline:18px}.request-panel .diff{border-block-end:0;padding-block:18px}.request-proof{border-block-start:1px solid var(--dm-border-contain);background:var(--dm-band-fill);color:var(--dm-ink-muted);font-size:var(--dm-font-size-secondary);padding-block:12px;padding-inline:18px}.box-head{border-block-end:1px solid var(--dm-border-contain);font-size:var(--dm-font-size-secondary);font-weight:var(--dm-font-weight-semibold);padding-block:12px;padding-inline:18px}.note{border-block-end:1px solid var(--dm-site-rule);font-size:var(--dm-font-size-body);gap:12px;padding-block:12px;padding-inline:18px;line-height:1.5;display:flex}.note-dot{border-radius:var(--dm-radius-full);flex:none;block-size:8px;inline-size:8px;margin-block-start:7px}.note-signal{color:var(--dm-signal-text)}.note-signal .note-dot{background:var(--dm-signal-text)}.note-ochre .note-dot{background:var(--dm-not-set-up-text)}.automation-card{flex-direction:column;gap:12px;display:flex}.automation-card .run-row{padding-block:12px;padding-inline:18px}.run-what{display:contents}.automation-card .api-answer{color:var(--dm-door-quiet)}.environments{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;display:grid}.environment{flex-direction:column;gap:6px;padding:14px;display:flex}.environment-version{font-size:var(--dm-font-size-page-title);font-weight:var(--dm-font-weight-semibold)}.environment-note{box-sizing:border-box;border-radius:var(--dm-radius-click);max-inline-size:100%;font-size:var(--dm-font-size-hint);overflow-wrap:anywhere;align-self:flex-start;padding-block:2px;padding-inline:6px;line-height:1.4}.environment-note-plain{background:var(--dm-fill-field)}.environment-note-waiting{background:var(--dm-not-set-up-band);color:var(--dm-site-ochre-ink)}.environment-note-done{background:var(--dm-here-fill);color:var(--dm-here-text)}@media (width<600px){.product-top{padding-block-start:16px}.part-chip{block-size:44px}.component-letter{padding-block:20px;padding-inline:22px}.automation-card .run-row{grid-template-columns:44px minmax(0,1fr)}.automation-card .run-what{flex-wrap:wrap;align-items:baseline;gap:4px 8px;display:flex}}
