/* Plenix master design spec · styles for this page itself (copied from Plenix DAM's reference page).
   They are built from the same tokens they document. Prefix "ds-" keeps them apart from product classes. */
html,body.ds-body{height:auto;overflow-x:visible;overflow-y:visible;}
body.ds-body{background-color:var(--plx-sys-surface-canvas);background-image:none;background-position:0% 0%;background-size:auto;color:var(--plx-sys-content-default);display:block;font-family:var(--plx-sys-font-body);font-size:var(--plx-ref-font-size-13);line-height:var(--plx-ref-line-height-normal);}

.ds-layout{align-items:flex-start;display:flex;}

.ds-section{margin-block-end:var(--plx-ref-space-48px);scroll-margin-top:var(--plx-ref-size-60px);}
.ds-section>h2{font-family:var(--plx-sys-font-heading);font-size:var(--plx-ref-font-size-15);font-weight:var(--plx-ref-font-weight-bold-700);margin-block-end:var(--plx-ref-space-4px);}
.ds-lead{color:var(--plx-sys-content-muted);margin-block-end:var(--plx-ref-space-16px);max-width:var(--plx-ref-content-max-760px);}
.ds-file{color:var(--plx-sys-content-subtle);font-family:var(--plx-sys-font-code);font-size:var(--plx-ref-font-size-12);}
.ds-group{margin-block-end:var(--plx-ref-space-24px);}
.ds-group>h3{font-size:var(--plx-ref-font-size-14);font-weight:var(--plx-ref-font-weight-semibold-600);margin-block-end:var(--plx-ref-space-8px);}
.ds-grid{column-gap:var(--plx-ref-space-12px);display:grid;grid-template-columns:minmax(0,1fr);row-gap:var(--plx-ref-space-12px);}
.ds-card{background-color:var(--plx-sys-surface-default);background-image:none;background-position:0% 0%;background-size:auto;border-bottom-color:var(--plx-sys-border-default);border-bottom-left-radius:var(--plx-sys-radius-surface-8px);border-bottom-right-radius:var(--plx-sys-radius-surface-8px);border-bottom-style:var(--plx-ref-border-style-solid);border-bottom-width:var(--plx-ref-border-width-1px);border-left-color:var(--plx-sys-border-default);border-left-style:var(--plx-ref-border-style-solid);border-left-width:var(--plx-ref-border-width-1px);border-right-color:var(--plx-sys-border-default);border-right-style:var(--plx-ref-border-style-solid);border-right-width:var(--plx-ref-border-width-1px);border-top-color:var(--plx-sys-border-default);border-top-left-radius:var(--plx-sys-radius-surface-8px);border-top-right-radius:var(--plx-sys-radius-surface-8px);border-top-style:var(--plx-ref-border-style-solid);border-top-width:var(--plx-ref-border-width-1px);min-width:0;padding-block-end:var(--plx-ref-space-12px);padding-block-start:var(--plx-ref-space-12px);padding-inline-end:var(--plx-ref-space-12px);padding-inline-start:var(--plx-ref-space-12px);position:relative;}
.ds-name{color:var(--plx-sys-content-default);font-family:var(--plx-sys-font-code);font-size:var(--plx-ref-font-size-11);word-break:break-all;}
.ds-value{color:var(--plx-sys-content-subtle);font-family:var(--plx-sys-font-data);font-size:var(--plx-ref-font-size-11);word-break:break-all;}
.ds-swatch{background-image:linear-gradient(45deg,var(--plx-sys-fill-neutral-hover) 25%,transparent 25%,transparent 75%,var(--plx-sys-fill-neutral-hover) 75%),linear-gradient(45deg,var(--plx-sys-fill-neutral-hover) 25%,transparent 25%,transparent 75%,var(--plx-sys-fill-neutral-hover) 75%);background-position:0 0,var(--plx-ref-size-8px) var(--plx-ref-size-8px);background-size:var(--plx-ref-size-16px) var(--plx-ref-size-16px);border-bottom-color:var(--plx-sys-border-default);border-bottom-left-radius:var(--plx-sys-radius-detail-4px);border-bottom-right-radius:var(--plx-sys-radius-detail-4px);border-bottom-style:var(--plx-ref-border-style-solid);border-bottom-width:var(--plx-ref-border-width-1px);border-left-color:var(--plx-sys-border-default);border-left-style:var(--plx-ref-border-style-solid);border-left-width:var(--plx-ref-border-width-1px);border-right-color:var(--plx-sys-border-default);border-right-style:var(--plx-ref-border-style-solid);border-right-width:var(--plx-ref-border-width-1px);border-top-color:var(--plx-sys-border-default);border-top-left-radius:var(--plx-sys-radius-detail-4px);border-top-right-radius:var(--plx-sys-radius-detail-4px);border-top-style:var(--plx-ref-border-style-solid);border-top-width:var(--plx-ref-border-width-1px);height:var(--plx-ref-size-44px);margin-block-end:var(--plx-ref-space-8px);overflow-x:hidden;overflow-y:hidden;position:relative;}
.ds-swatch::after{background-color:var(--ds-sample);content:'';inset-block-end:0;inset-block-start:0;inset-inline-end:0;inset-inline-start:0;position:absolute;}
.ds-bar{background-color:var(--plx-sys-action-primary-background);background-image:none;background-position:0% 0%;background-size:auto;border-bottom-left-radius:var(--plx-sys-radius-detail-4px);border-bottom-right-radius:var(--plx-sys-radius-detail-4px);border-top-left-radius:var(--plx-sys-radius-detail-4px);border-top-right-radius:var(--plx-sys-radius-detail-4px);height:var(--plx-ref-size-12px);margin-block-end:var(--plx-ref-space-8px);max-width:100%;}
.ds-box{background-color:var(--plx-sys-surface-default);background-image:none;background-position:0% 0%;background-size:auto;border-bottom-color:var(--plx-sys-border-default);border-bottom-style:var(--plx-ref-border-style-solid);border-bottom-width:var(--plx-ref-border-width-1px);border-left-color:var(--plx-sys-border-default);border-left-style:var(--plx-ref-border-style-solid);border-left-width:var(--plx-ref-border-width-1px);border-right-color:var(--plx-sys-border-default);border-right-style:var(--plx-ref-border-style-solid);border-right-width:var(--plx-ref-border-width-1px);border-top-color:var(--plx-sys-border-default);border-top-style:var(--plx-ref-border-style-solid);border-top-width:var(--plx-ref-border-width-1px);height:var(--plx-ref-size-44px);margin-block-end:var(--plx-ref-space-8px);width:var(--plx-ref-size-60px);}
.ds-type{margin-block-end:var(--plx-ref-space-8px);overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ds-phrase{color:var(--plx-sys-content-default);font-size:var(--plx-ref-font-size-13);margin-block-end:var(--plx-ref-space-8px);padding-inline-end:var(--plx-ref-space-48px);}
.ds-phrase-one{overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ds-specimen{background-color:var(--plx-sys-surface-default);background-image:none;background-position:0% 0%;background-size:auto;border-bottom-color:var(--plx-sys-border-default);border-bottom-left-radius:var(--plx-sys-radius-surface-8px);border-bottom-right-radius:var(--plx-sys-radius-surface-8px);border-bottom-style:var(--plx-ref-border-style-solid);border-bottom-width:var(--plx-ref-border-width-1px);border-left-color:var(--plx-sys-border-default);border-left-style:var(--plx-ref-border-style-solid);border-left-width:var(--plx-ref-border-width-1px);border-right-color:var(--plx-sys-border-default);border-right-style:var(--plx-ref-border-style-solid);border-right-width:var(--plx-ref-border-width-1px);border-top-color:var(--plx-sys-border-default);border-top-left-radius:var(--plx-sys-radius-surface-8px);border-top-right-radius:var(--plx-sys-radius-surface-8px);border-top-style:var(--plx-ref-border-style-solid);border-top-width:var(--plx-ref-border-width-1px);color:var(--plx-sys-content-default);margin-block-end:var(--plx-ref-space-12px);padding-block-end:var(--plx-ref-space-16px);padding-block-start:var(--plx-ref-space-16px);padding-inline-end:var(--plx-ref-space-20px);padding-inline-start:var(--plx-ref-space-20px);}
.ds-specimen-name{font-size:var(--plx-ref-font-size-20);font-weight:var(--plx-ref-font-weight-semibold-600);margin-block-end:var(--plx-ref-space-4px);}
.ds-specimen-big{font-size:var(--plx-ref-symbol-size);line-height:var(--plx-ref-line-height-none);margin-block-end:var(--plx-ref-space-8px);}
.ds-specimen-line{font-size:var(--plx-ref-font-size-15);letter-spacing:var(--plx-ref-letter-spacing-wide);line-height:var(--plx-ref-line-height-normal);overflow-wrap:anywhere;}
.ds-specimen-weight{font-size:var(--plx-ref-font-size-13);line-height:var(--plx-ref-line-height-normal);overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ds-specimen-weight:first-of-type{margin-block-start:var(--plx-ref-space-8px);}
.ds-specimen .ds-file{margin-block-start:var(--plx-ref-space-8px);}
.ds-table{border-collapse:collapse;font-size:var(--plx-ref-font-size-12);width:100%;}
.ds-table td,.ds-table th{border-bottom-color:var(--plx-sys-table-line);border-bottom-style:var(--plx-ref-border-style-solid);border-bottom-width:var(--plx-ref-border-width-1px);padding-block-end:var(--plx-ref-space-8px);padding-block-start:var(--plx-ref-space-8px);padding-inline-end:var(--plx-ref-space-12px);padding-inline-start:var(--plx-ref-space-12px);text-align:left;vertical-align:middle;}
.ds-example{background-color:var(--plx-sys-surface-default);background-image:none;background-position:0% 0%;background-size:auto;border-bottom-color:var(--plx-sys-border-default);border-bottom-left-radius:var(--plx-sys-radius-surface-8px);border-bottom-right-radius:var(--plx-sys-radius-surface-8px);border-bottom-style:var(--plx-ref-border-style-solid);border-bottom-width:var(--plx-ref-border-width-1px);border-left-color:var(--plx-sys-border-default);border-left-style:var(--plx-ref-border-style-solid);border-left-width:var(--plx-ref-border-width-1px);border-right-color:var(--plx-sys-border-default);border-right-style:var(--plx-ref-border-style-solid);border-right-width:var(--plx-ref-border-width-1px);border-top-color:var(--plx-sys-border-default);border-top-left-radius:var(--plx-sys-radius-surface-8px);border-top-right-radius:var(--plx-sys-radius-surface-8px);border-top-style:var(--plx-ref-border-style-solid);border-top-width:var(--plx-ref-border-width-1px);margin-block-end:var(--plx-ref-space-16px);overflow-x:hidden;overflow-y:hidden;}
.ds-example-head{align-items:center;background-color:var(--plx-sys-fill-neutral-hover);background-image:none;background-position:0% 0%;background-size:auto;border-bottom-color:var(--plx-sys-border-default);border-bottom-style:var(--plx-ref-border-style-solid);border-bottom-width:var(--plx-ref-border-width-1px);column-gap:var(--plx-ref-space-8px);display:flex;font-size:var(--plx-ref-font-size-12);font-weight:var(--plx-ref-font-weight-semibold-600);padding-block-end:var(--plx-ref-space-8px);padding-block-start:var(--plx-ref-space-8px);padding-inline-end:var(--plx-ref-space-12px);padding-inline-start:var(--plx-ref-space-12px);row-gap:var(--plx-ref-space-8px);}
.ds-example-head code{font-weight:var(--plx-ref-font-weight-regular-400);margin-inline-start:auto;}

.ds-code{background-color:var(--plx-sys-surface-default);background-image:none;background-position:0% 0%;background-size:auto;border-bottom-color:var(--plx-sys-border-default);border-bottom-style:solid;border-bottom-width:var(--plx-ref-border-width-1px);border-left-color:var(--plx-sys-border-default);border-left-style:solid;border-left-width:var(--plx-ref-border-width-1px);border-right-color:var(--plx-sys-border-default);border-right-style:solid;border-right-width:var(--plx-ref-border-width-1px);border-top-color:var(--plx-sys-border-default);border-top-style:solid;border-top-width:var(--plx-ref-border-width-1px);color:var(--plx-sys-content-default);font-family:var(--plx-sys-font-code);font-size:var(--plx-ref-font-size-11);line-height:var(--plx-ref-line-height-normal);margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0;max-height:var(--plx-ref-size-240px);overflow-wrap:anywhere;overflow-x:auto;overflow-y:auto;padding-block-end:var(--plx-ref-space-12px);padding-block-start:var(--plx-ref-space-12px);padding-inline-end:var(--plx-ref-space-12px);padding-inline-start:var(--plx-ref-space-12px);white-space:pre-wrap;}
.ds-specimens code,.ds-code-inline{background-color:var(--plx-sys-fill-neutral-hover);background-image:none;background-position:0% 0%;background-size:auto;border-bottom-left-radius:var(--plx-sys-radius-detail-4px);border-bottom-right-radius:var(--plx-sys-radius-detail-4px);border-top-left-radius:var(--plx-sys-radius-detail-4px);border-top-right-radius:var(--plx-sys-radius-detail-4px);color:var(--plx-sys-content-default);font-family:var(--plx-sys-font-code);font-size:var(--plx-ref-font-size-12);padding-block-end:0;padding-block-start:0;padding-inline-end:var(--plx-ref-space-4px);padding-inline-start:var(--plx-ref-space-4px);}

.ds-status{background-color:var(--plx-sys-surface-default);background-image:none;background-position:0% 0%;background-size:auto;border-top-color:var(--plx-sys-border-default);border-top-style:var(--plx-ref-border-style-solid);border-top-width:var(--plx-ref-border-width-1px);color:var(--plx-sys-content-subtle);font-size:var(--plx-ref-font-size-11);padding-block-end:var(--plx-ref-space-4px);padding-block-start:var(--plx-ref-space-4px);padding-inline-end:var(--plx-ref-space-12px);padding-inline-start:var(--plx-ref-space-12px);}

.ds-table-title{color:var(--plx-sys-content-muted);font-size:var(--plx-ref-font-size-12);font-weight:var(--plx-ref-font-weight-semibold-600);letter-spacing:var(--plx-ref-letter-spacing-widest);margin-block-end:var(--plx-ref-space-8px);margin-block-start:var(--plx-ref-space-20px);text-transform:uppercase;}
.ds-table-card{background-color:var(--plx-sys-surface-default);border-bottom-left-radius:var(--plx-sys-radius-surface-8px);border-bottom-right-radius:var(--plx-sys-radius-surface-8px);border-top-left-radius:var(--plx-sys-radius-surface-8px);border-top-right-radius:var(--plx-sys-radius-surface-8px);box-shadow:var(--plx-sys-shadow-card);margin-block-end:var(--plx-ref-space-16px);overflow-x:auto;overflow-y:hidden;}
.ds-table-spec{font-size:var(--plx-ref-font-size-13);}
.ds-table-spec th{background-color:var(--plx-sys-surface-canvas);color:var(--plx-sys-content-muted);font-size:var(--plx-ref-font-size-11);font-weight:var(--plx-ref-font-weight-semibold-600);letter-spacing:var(--plx-ref-letter-spacing-widest);padding-block-end:var(--plx-ref-space-12px);padding-block-start:var(--plx-ref-space-12px);padding-inline-end:var(--plx-ref-space-16px);padding-inline-start:var(--plx-ref-space-16px);text-transform:uppercase;}
.ds-table-spec td{padding-block-end:var(--plx-ref-space-12px);padding-block-start:var(--plx-ref-space-12px);padding-inline-end:var(--plx-ref-space-16px);padding-inline-start:var(--plx-ref-space-16px);}
.ds-table-spec tbody tr:last-child td{border-bottom-style:none;}
.ds-table-spec .ds-num{text-align:right;}
.ds-code-cell{font-family:var(--plx-sys-font-code);white-space:nowrap;}
.ds-def-cell{font-family:var(--plx-sys-font-code);font-size:var(--plx-ref-font-size-12);}

.ds-frame{background-color:var(--plx-sys-surface-default);border-bottom-style:none;border-left-style:none;border-right-style:none;border-top-style:none;display:block;height:var(--plx-ref-size-120px);width:100%;}
.ds-tag{align-items:center;border-bottom-left-radius:var(--plx-sys-radius-detail-4px);border-bottom-right-radius:var(--plx-sys-radius-detail-4px);border-top-left-radius:var(--plx-sys-radius-detail-4px);border-top-right-radius:var(--plx-sys-radius-detail-4px);display:inline-flex;font-family:var(--plx-sys-font-label);font-size:var(--plx-ref-font-size-11);font-weight:var(--plx-ref-font-weight-semibold-600);letter-spacing:0;margin-inline-end:var(--plx-ref-space-4px);margin-inline-start:var(--plx-ref-space-8px);min-height:var(--plx-sys-label-height-20px);padding-block-end:0;padding-block-start:0;padding-inline-end:var(--plx-ref-space-8px);padding-inline-start:var(--plx-ref-space-8px);text-transform:none;}
.ds-example-head .ds-tag{margin-inline-end:var(--plx-ref-space-8px);margin-inline-start:0;}
.ds-tag-shared{background-color:var(--plx-sys-feedback-success-soft);color:var(--plx-sys-feedback-success-content);}
.ds-tag-differs{background-color:var(--plx-sys-feedback-warning-soft);color:var(--plx-sys-feedback-warning-content);}
.ds-tag-dam{background-color:var(--plx-sys-state-selected);color:var(--plx-sys-feedback-info-content);}

/* spacing and sizing: one row per token (token, value, uses, a block as wide as the value) */
.ds-space-table{background-color:var(--plx-sys-surface-default);background-image:none;border-bottom-color:var(--plx-sys-border-default);border-bottom-style:solid;border-bottom-width:var(--plx-ref-border-width-1px);border-collapse:collapse;border-left-color:var(--plx-sys-border-default);border-left-style:solid;border-left-width:var(--plx-ref-border-width-1px);border-right-color:var(--plx-sys-border-default);border-right-style:solid;border-right-width:var(--plx-ref-border-width-1px);border-top-color:var(--plx-sys-border-default);border-top-style:solid;border-top-width:var(--plx-ref-border-width-1px);font-size:var(--plx-ref-font-size-13);table-layout:auto;width:100%;}
.ds-space-table th{background-color:var(--plx-sys-table-header-background);border-bottom-color:var(--plx-sys-table-line);border-bottom-style:var(--plx-ref-border-style-solid);border-bottom-width:var(--plx-ref-border-width-1px);font-weight:var(--plx-ref-font-weight-bold-700);padding-block-end:var(--plx-ref-space-12px);padding-block-start:var(--plx-ref-space-12px);padding-inline-end:var(--plx-ref-space-16px);padding-inline-start:var(--plx-ref-space-16px);text-align:left;}
.ds-space-table td{border-bottom-color:var(--plx-sys-table-line);border-bottom-style:solid;border-bottom-width:var(--plx-ref-border-width-1px);padding-block-end:var(--plx-ref-space-12px);padding-block-start:var(--plx-ref-space-12px);padding-inline-end:var(--plx-ref-space-16px);padding-inline-start:var(--plx-ref-space-16px);vertical-align:middle;}
.ds-space-name,.ds-space-table td:nth-child(2),.ds-space-table th:nth-child(-n+2){white-space:nowrap;width:1%;}
.ds-space-name{font-family:var(--plx-sys-font-code);}
.ds-space-val{background-color:var(--plx-sys-surface-sunken);background-image:none;border-bottom-left-radius:var(--plx-sys-radius-detail-4px);border-bottom-right-radius:var(--plx-sys-radius-detail-4px);border-top-left-radius:var(--plx-sys-radius-detail-4px);border-top-right-radius:var(--plx-sys-radius-detail-4px);display:inline-block;font-family:var(--plx-sys-font-data);font-size:var(--plx-ref-font-size-12);padding-block-end:var(--plx-ref-space-8px);padding-block-start:var(--plx-ref-space-8px);padding-inline-end:var(--plx-ref-space-12px);padding-inline-start:var(--plx-ref-space-12px);}
.ds-space-viz{width:auto;}
.ds-space-bar{background-color:var(--plx-sys-feedback-danger-soft);background-image:none;border-bottom-left-radius:var(--plx-sys-radius-detail-4px);border-bottom-right-radius:var(--plx-sys-radius-detail-4px);border-top-left-radius:var(--plx-sys-radius-detail-4px);border-top-right-radius:var(--plx-sys-radius-detail-4px);display:block;height:var(--plx-ref-size-44px);}
.ds-group:has(.ds-space-table){overflow-x:auto;}
/* opacity: a black square at the step's opacity over a checkerboard */
.ds-op-sw{background-color:var(--plx-sys-surface-default);background-image:linear-gradient(45deg,var(--plx-sys-fill-neutral-hover) 25%,transparent 25%,transparent 75%,var(--plx-sys-fill-neutral-hover) 75%),linear-gradient(45deg,var(--plx-sys-fill-neutral-hover) 25%,transparent 25%,transparent 75%,var(--plx-sys-fill-neutral-hover) 75%);background-position:0 0,var(--plx-ref-size-8px) var(--plx-ref-size-8px);background-size:var(--plx-ref-size-16px) var(--plx-ref-size-16px);border-bottom-color:var(--plx-sys-border-default);border-bottom-left-radius:var(--plx-sys-radius-card-6px);border-bottom-right-radius:var(--plx-sys-radius-card-6px);border-bottom-style:var(--plx-ref-border-style-solid);border-bottom-width:var(--plx-ref-border-width-1px);border-left-color:var(--plx-sys-border-default);border-left-style:var(--plx-ref-border-style-solid);border-left-width:var(--plx-ref-border-width-1px);border-right-color:var(--plx-sys-border-default);border-right-style:var(--plx-ref-border-style-solid);border-right-width:var(--plx-ref-border-width-1px);border-top-color:var(--plx-sys-border-default);border-top-left-radius:var(--plx-sys-radius-card-6px);border-top-right-radius:var(--plx-sys-radius-card-6px);border-top-style:var(--plx-ref-border-style-solid);border-top-width:var(--plx-ref-border-width-1px);display:block;height:var(--plx-ref-size-44px);overflow-x:hidden;overflow-y:hidden;position:relative;width:var(--plx-ref-size-44px);}
.ds-op-sw::after{background-color:var(--plx-sys-surface-media);background-image:none;content:'';inset-block-end:0;inset-block-start:0;inset-inline-end:0;inset-inline-start:0;opacity:var(--ds-op);position:absolute;}
.ds-op-table td:first-child,.ds-op-table th:first-child{white-space:nowrap;width:1%;}
.ds-op-usage{font-size:var(--plx-ref-font-size-12);}
.ds-op-used{color:var(--plx-sys-content-subtle);font-size:var(--plx-ref-font-size-11);margin-block-start:var(--plx-ref-space-4px);}
.ds-op-note{color:var(--plx-sys-content-muted);font-size:var(--plx-ref-font-size-12);margin-block-end:0;margin-block-start:var(--plx-ref-space-12px);max-width:var(--plx-ref-size-720px);}
/* a live example: the real component, in the page's theme, on the canvas */
.ds-live{background-color:var(--plx-sys-surface-default);color:var(--plx-sys-content-default);font-family:var(--plx-sys-font-body);font-size:var(--plx-ref-font-size-13);overflow-x:auto;padding-block-end:var(--plx-ref-space-16px);padding-block-start:var(--plx-ref-space-16px);padding-inline-end:var(--plx-ref-space-16px);padding-inline-start:var(--plx-ref-space-16px);}
/* the API: the source file's header comment */
.ds-api{margin-block-end:var(--plx-ref-space-16px);max-width:var(--plx-ref-size-900px);}
.ds-api>summary{color:var(--plx-sys-content-muted);cursor:pointer;font-size:var(--plx-ref-font-size-12);font-weight:var(--plx-ref-font-weight-semibold-600);}
.ds-api-text{background-color:var(--plx-sys-surface-sunken);border-bottom-left-radius:var(--plx-sys-radius-surface-8px);border-bottom-right-radius:var(--plx-sys-radius-surface-8px);border-top-left-radius:var(--plx-sys-radius-surface-8px);border-top-right-radius:var(--plx-sys-radius-surface-8px);color:var(--plx-sys-content-default);font-family:var(--plx-sys-font-code);font-size:var(--plx-ref-font-size-12);line-height:var(--plx-ref-line-height-relaxed);margin-block-end:0;margin-block-start:var(--plx-ref-space-8px);overflow-x:auto;padding-block-end:var(--plx-ref-space-12px);padding-block-start:var(--plx-ref-space-12px);padding-inline-end:var(--plx-ref-space-16px);padding-inline-start:var(--plx-ref-space-16px);white-space:pre-wrap;}
.ds-table thead th,.ds-table-spec th{background-color:var(--plx-sys-table-header-background);}
/* every spec table has the Platform Table lines: soft row lines, column lines that stop short of them, a soft gray header */
:where(.ds-space-table th:not(:first-child),.ds-space-table td:not(:first-child),.ds-table th:not(:first-child),.ds-table td:not(:first-child),.ds-lab-props th:not(:first-child),.ds-lab-props td:not(:first-child)){position:relative;}
/* a class reached from a link (#/…/cls/<class>): its Anatomy row is marked */
[data-ds-marked="true"]{background-color:var(--plx-sys-feedback-info-soft);}
/* the spec’s own tables: column lines are regular full borders, like the Platform Table (batch 172) */
.ds-space-table th:not(:first-child),.ds-space-table td:not(:first-child),.ds-table th:not(:first-child),.ds-table td:not(:first-child),.ds-lab-props th:not(:first-child),.ds-lab-props td:not(:first-child){border-inline-start-color:var(--plx-sys-table-line);border-inline-start-style:solid;border-inline-start-width:var(--plx-ref-border-width-1px);}
/* batch 187: the spec's own elements, formerly style objects in spec.js (nothing is styled inline) */
.ds-stack{display:flex;flex-direction:column;min-inline-size:0;row-gap:var(--plx-sys-space-stack-lg);}
.ds-sample-stage{overflow-x:auto;}
.ds-note-text{color:var(--plx-sys-content-muted);font-size:var(--plx-ref-font-size-12);margin-block-end:0;margin-block-start:var(--plx-sys-space-stack-sm);}
.ds-cards{column-gap:var(--plx-sys-space-stack-md);display:grid;grid-template-columns:minmax(0, 1fr);row-gap:var(--plx-sys-space-stack-md);}
.ds-toc-pane{background-color:var(--plx-sys-surface-default);border-inline-end-color:var(--plx-sys-border-default);border-inline-end-style:solid;border-inline-end-width:var(--plx-ref-border-width-1px);box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;inline-size:var(--plx-ref-size-220px);overflow-y:auto;padding-block-end:var(--plx-sys-space-inset-sm);padding-block-start:var(--plx-sys-space-inset-sm);padding-inline-end:var(--plx-sys-space-inset-sm);padding-inline-start:var(--plx-sys-space-inset-sm);row-gap:var(--plx-sys-space-stack-sm);}
.ds-toc-head{align-items:center;block-size:var(--plx-sys-control-height-toolbar);column-gap:var(--plx-sys-space-inline-xs);display:flex;font-size:var(--plx-ref-font-size-12);font-weight:var(--plx-ref-font-weight-semibold-600);padding-inline-start:var(--plx-sys-space-inset-sm);}
.ds-vis{display:inline-block;flex-shrink:0;vertical-align:middle;}
.ds-link{color:var(--plx-sys-content-link);}
.ds-mono{font-family:var(--plx-sys-font-data);font-size:var(--plx-ref-font-size-12);overflow-wrap:anywhere;}
.ds-vis--shadow{background-color:var(--plx-sys-surface-default);block-size:var(--plx-ref-size-20px);box-shadow:var(--ds-sample-box-shadow);inline-size:var(--plx-ref-size-32px);}
.ds-vis--color{background-color:var(--ds-sample-background-color);block-size:var(--plx-ref-size-16px);border-bottom-color:var(--plx-sys-border-default);border-bottom-left-radius:var(--plx-sys-radius-compact-4px);border-bottom-right-radius:var(--plx-sys-radius-compact-4px);border-bottom-style:solid;border-bottom-width:var(--plx-ref-border-width-1px);border-left-color:var(--plx-sys-border-default);border-left-style:solid;border-left-width:var(--plx-ref-border-width-1px);border-right-color:var(--plx-sys-border-default);border-right-style:solid;border-right-width:var(--plx-ref-border-width-1px);border-top-color:var(--plx-sys-border-default);border-top-left-radius:var(--plx-sys-radius-compact-4px);border-top-right-radius:var(--plx-sys-radius-compact-4px);border-top-style:solid;border-top-width:var(--plx-ref-border-width-1px);box-sizing:border-box;inline-size:var(--plx-ref-size-24px);}
.ds-vis--radius{block-size:var(--plx-ref-size-24px);border-block-start-color:var(--plx-sys-border-default);border-block-start-style:solid;border-block-start-width:var(--plx-ref-border-width-1px);border-inline-start-color:var(--plx-sys-border-default);border-inline-start-style:solid;border-inline-start-width:var(--plx-ref-border-width-1px);border-start-start-radius:var(--ds-sample-border-radius);inline-size:var(--plx-ref-size-24px);}
.ds-vis--opacity{background-color:var(--plx-sys-content-default);block-size:var(--plx-ref-size-16px);inline-size:var(--plx-ref-size-24px);opacity:var(--ds-sample-opacity);}
.ds-vis--type-size{line-height:1;}
.ds-vis--duration{background-color:var(--plx-sys-accent-content-muted);block-size:var(--plx-ref-size-8px);}
.ds-vis--length{background-color:var(--plx-sys-feedback-danger-soft);block-size:var(--plx-ref-size-12px);}
.ds-value-cell{align-items:flex-start;column-gap:var(--plx-sys-space-inline-sm);display:inline-flex;max-inline-size:100%;}
.ds-value-cell__text{min-inline-size:0;overflow-wrap:anywhere;}
.ds-shadow-sample{background-color:var(--plx-sys-surface-default);block-size:var(--plx-ref-size-48px);border-bottom-left-radius:var(--plx-sys-radius-surface-4px);border-bottom-right-radius:var(--plx-sys-radius-surface-4px);border-top-left-radius:var(--plx-sys-radius-surface-4px);border-top-right-radius:var(--plx-sys-radius-surface-4px);margin-block-end:var(--plx-sys-space-stack-sm);}
.ds-inline-row{column-gap:var(--plx-sys-space-inline-lg);display:flex;flex-wrap:wrap;margin-block-end:var(--plx-sys-space-stack-md);row-gap:var(--plx-sys-space-stack-sm);}
.ds-page-row{display:flex;flex-grow:1;min-block-size:0;min-inline-size:0;}
.ds-page-scroll{flex-basis:0%;flex-grow:1;min-inline-size:0;overflow-y:auto;padding-block-end:var(--plx-sys-space-inset-xl);padding-block-start:var(--plx-sys-space-inset-lg);padding-inline-end:var(--plx-sys-space-inset-xl);padding-inline-start:var(--plx-sys-space-inset-xl);}
/* a heading the page moves focus to after a jump: focused for assistive technology, without a ring */
.ds-jump-target:focus{outline-style:none;}
/* the inventory's demo frames (inventory.js), formerly style objects */
.ds-demo-row{align-items:center;column-gap:var(--plx-ref-space-12px);display:flex;flex-wrap:wrap;row-gap:var(--plx-ref-space-12px);}
.ds-demo-stack{display:grid;row-gap:var(--plx-ref-space-12px);}
.ds-demo-box--surface{background-color:var(--plx-sys-surface-default);border-bottom-color:var(--plx-sys-border-default);border-bottom-left-radius:var(--plx-sys-radius-surface-8px);border-bottom-right-radius:var(--plx-sys-radius-surface-8px);border-bottom-style:solid;border-bottom-width:var(--plx-ref-border-width-1px);border-left-color:var(--plx-sys-border-default);border-left-style:solid;border-left-width:var(--plx-ref-border-width-1px);border-right-color:var(--plx-sys-border-default);border-right-style:solid;border-right-width:var(--plx-ref-border-width-1px);border-top-color:var(--plx-sys-border-default);border-top-left-radius:var(--plx-sys-radius-surface-8px);border-top-right-radius:var(--plx-sys-radius-surface-8px);border-top-style:solid;border-top-width:var(--plx-ref-border-width-1px);overflow-x:hidden;overflow-y:hidden;}
.ds-demo-box--accent{background-color:var(--plx-sys-accent-surface);padding-block-end:var(--plx-ref-space-8px);padding-block-start:var(--plx-ref-space-8px);padding-inline-end:var(--plx-ref-space-8px);padding-inline-start:var(--plx-ref-space-8px);}
.ds-demo-frame{display:flex;}
.ds-demo-frame--relative{display:block;position:relative;}
.ds-demo-frame--end{justify-content:flex-end;}
/* a token's rendering in its family's data grid (batch 188): the sample keeps its own size, the row its padding */
.plx-table td.ds-token-render{font-family:var(--plx-sys-font-body);font-size:var(--plx-ref-font-size-13);padding-block-end:var(--plx-comp-table-cell-padding-block);padding-block-start:var(--plx-comp-table-cell-padding-block);}
.ds-token-render .ds-swatch,.ds-token-render .ds-box,.ds-token-render .ds-type,.ds-token-render .ds-phrase{margin-block-end:0;margin-block-start:0;}
/* a component beside its tables (batch 189, 195): the tables as wide as their content (no wrapping), the component centered in
   the rest; stacked (component first) when both do not fit side by side */
.ds-split{align-items:stretch;column-gap:var(--plx-sys-space-inline-lg);display:grid;grid-template-columns:minmax(0,max-content) minmax(0,1fr);row-gap:var(--plx-sys-space-stack-md);}
.ds-split__tables{display:grid;grid-column:1;grid-row:1;min-inline-size:0;row-gap:var(--plx-sys-space-stack-md);}
.ds-split__sample{align-items:center;display:flex;grid-column:2;grid-row:1;justify-content:center;min-inline-size:0;overflow-x:auto;}
.ds-split--stacked{grid-template-columns:minmax(0,1fr);}
.ds-split--stacked .ds-split__sample{grid-column:1;grid-row:1;justify-content:flex-start;}
.ds-split--stacked .ds-split__tables{grid-column:1;grid-row:2;}
.ds-split--measuring .ds-split__measure,.ds-split--measuring .ds-split__tables{inline-size:max-content;}
.ds-edit-count{margin-inline-end:auto;}