/* stylelint-disable declaration-property-value-allowed-list -- the radius lab draws each radius token it lists, passed in as --ds-r */
/* Plenix master spec · Radius section (see radius-lab.js) */
.ds-radius-lead{color:var(--plx-sys-content-muted);font-size:var(--plx-ref-font-size-12);margin-block-end:var(--plx-ref-space-12px);margin-block-start:calc(var(--plx-ref-space-8px) * -1);max-width:var(--plx-ref-size-720px);}
.ds-radius-rules{display:flex;flex-direction:column;font-size:var(--plx-ref-font-size-13);margin-block-end:0;margin-block-start:0;padding-inline-start:var(--plx-ref-space-20px);row-gap:var(--plx-ref-space-8px);}
.ds-radius-shape{background-color:var(--plx-sys-state-selected);background-image:none;border-bottom-color:var(--plx-sys-focus-ring-color);border-bottom-left-radius:var(--ds-r);border-bottom-right-radius:var(--ds-r);border-bottom-style:var(--plx-ref-border-style-solid);border-bottom-width:var(--plx-ref-border-width-2px);border-left-color:var(--plx-sys-focus-ring-color);border-left-style:var(--plx-ref-border-style-solid);border-left-width:var(--plx-ref-border-width-2px);border-right-color:var(--plx-sys-focus-ring-color);border-right-style:var(--plx-ref-border-style-solid);border-right-width:var(--plx-ref-border-width-2px);border-top-color:var(--plx-sys-focus-ring-color);border-top-left-radius:var(--ds-r);border-top-right-radius:var(--ds-r);border-top-style:var(--plx-ref-border-style-solid);border-top-width:var(--plx-ref-border-width-2px);display:block;height:var(--plx-ref-size-44px);width:var(--plx-ref-size-44px);}
.ds-radius-table td:first-child,.ds-radius-table th:first-child{white-space:nowrap;width:1%;}
.ds-radius-used{color:var(--plx-sys-content-subtle);font-size:var(--plx-ref-font-size-11);}
.ds-radius-avatars{align-items:flex-end;column-gap:var(--plx-ref-space-24px);display:flex;flex-wrap:wrap;row-gap:var(--plx-ref-space-16px);}
.ds-radius-av-item{align-items:center;display:flex;flex-direction:column;row-gap:var(--plx-ref-space-8px);}
.ds-radius-av{align-items:center;background-color:var(--plx-sys-action-primary-background-hover);background-image:none;border-bottom-left-radius:var(--ds-r);border-bottom-right-radius:var(--ds-r);border-top-left-radius:var(--ds-r);border-top-right-radius:var(--ds-r);color:var(--plx-sys-content-inverse);display:flex;font-weight:var(--plx-ref-font-weight-bold-700);justify-content:center;}
.ds-radius-av-label{color:var(--plx-sys-content-muted);font-family:var(--plx-sys-font-code);font-size:var(--plx-ref-font-size-10);}
.ds-radius-av-no{opacity:var(--plx-ref-opacity-50);}
.ds-radius-av-no .ds-radius-av-label{color:var(--plx-sys-feedback-danger-content);font-family:var(--plx-sys-font-label);font-size:var(--plx-ref-font-size-11);}
.ds-radius-ctrls{column-gap:var(--plx-ref-space-24px);display:flex;flex-wrap:wrap;margin-block-end:var(--plx-ref-space-16px);row-gap:var(--plx-ref-space-12px);}
.ds-radius-slider{align-items:center;column-gap:var(--plx-ref-space-12px);display:flex;font-size:var(--plx-ref-font-size-12);}
.ds-radius-demos{column-gap:var(--plx-ref-space-28px);display:flex;flex-wrap:wrap;row-gap:var(--plx-ref-space-16px);}
.ds-radius-demo-title{font-size:var(--plx-ref-font-size-12);font-weight:var(--plx-ref-font-weight-semibold-600);margin-block-end:var(--plx-ref-space-8px);}
.ds-radius-outer{background-color:var(--plx-sys-action-primary-background);background-image:none;box-sizing:border-box;height:var(--plx-ref-size-160px);width:var(--plx-ref-size-240px);}
.ds-radius-inner{background-color:var(--plx-sys-state-selected);background-image:none;height:100%;width:100%;}
.ds-radius-demo-cap{color:var(--plx-sys-content-muted);font-family:var(--plx-sys-font-code);font-size:var(--plx-ref-font-size-11);margin-block-start:var(--plx-ref-space-8px);}
.ds-radius-formula{background-color:var(--plx-sys-surface-default);background-image:none;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: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-card-6px);border-top-right-radius:var(--plx-sys-radius-card-6px);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);margin-block-end:0;margin-block-start:var(--plx-ref-space-16px);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-radius-auditbar{display:flex;justify-content:flex-end;margin-block-end:var(--plx-ref-space-12px);margin-block-start:calc(var(--plx-ref-space-40px) * -1);}
.ds-radius-page{margin-block-start:var(--plx-ref-space-12px);}
.ds-radius-page .ds-radius-table{table-layout:fixed;}
.ds-radius-page .ds-radius-table th:first-child,.ds-radius-page .ds-radius-table td:first-child{white-space:normal;width:34%;}
.ds-radius-page h4{font-size:var(--plx-ref-font-size-13);margin-block-end:var(--plx-ref-space-4px);margin-block-start:0;}
.ds-radius-summary{color:var(--plx-sys-content-muted);font-size:var(--plx-ref-font-size-12);margin-block-end:var(--plx-ref-space-8px);}
.ds-radius-detail{color:var(--plx-sys-content-muted);font-size:var(--plx-ref-font-size-11);margin-block-start:var(--plx-sys-space-stack-xs);}
.ds-radius-where{font-family:var(--plx-sys-font-data);font-size:var(--plx-ref-font-size-11);overflow-wrap:anywhere;}
.ds-radius-sev-error strong{color:var(--plx-sys-feedback-danger-content);}
.ds-radius-sev-warning strong{color:var(--plx-sys-code-selector);}
.ds-radius-probe{border-bottom-style:none;border-left-style:none;border-right-style:none;border-top-style:none;height:var(--plx-ref-size-900px);inset-block-start:0;inset-inline-start:-20000px;pointer-events:none;position:absolute;width:var(--plx-ref-breakpoint-1440px);}
:where(:root[data-plx-mode="dark"]) .ds-radius-lead,:where(:root[data-plx-mode="dark"]) .ds-radius-used,:where(:root[data-plx-mode="dark"]) .ds-radius-av-label,:where(:root[data-plx-mode="dark"]) .ds-radius-demo-cap,:where(:root[data-plx-mode="dark"]) .ds-radius-summary,:where(:root[data-plx-mode="dark"]) .ds-radius-detail{color:var(--plx-sys-content-muted);}
:where(:root[data-plx-mode="dark"]) .ds-radius-shape,:where(:root[data-plx-mode="dark"]) .ds-radius-inner{background-color:var(--plx-sys-surface-default);}
/* the audit's findings: every column wraps inside its own width (the token tables keep their second column on one line) */
.ds-radius-page .ds-radius-table td,.ds-radius-page .ds-radius-table th{overflow-wrap:anywhere;white-space:normal;}
.ds-radius-page .ds-radius-table td:nth-child(2),.ds-radius-page .ds-radius-table th:nth-child(2){width:34%;}
.ds-radius-page .ds-radius-table td:nth-child(3),.ds-radius-page .ds-radius-table th:nth-child(3){width:18%;}
.ds-radius-page .ds-radius-table td:nth-child(4),.ds-radius-page .ds-radius-table th:nth-child(4){width:14%;}