/* stylelint-disable no-duplicate-selectors -- shadows are restated in cascade order, so a selector can appear twice on purpose */
/* Dark theme for the reference page and style builder themselves. Linked after reference.css. */
:where(:root[data-plx-mode="dark"]) 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);}

:where(:root[data-plx-mode="dark"]) .ds-lead{color:var(--plx-sys-content-muted);}
:where(:root[data-plx-mode="dark"]) .ds-file{color:var(--plx-sys-content-muted);}
:where(:root[data-plx-mode="dark"]) .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-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);}
:where(:root[data-plx-mode="dark"]) .ds-name{color:var(--plx-sys-content-default);}
:where(:root[data-plx-mode="dark"]) .ds-value{color:var(--plx-sys-content-muted);}
:where(:root[data-plx-mode="dark"]) .ds-swatch{background-image:linear-gradient(45deg,var(--plx-sys-state-hover) 25%,transparent 25%,transparent 75%,var(--plx-sys-state-hover) 75%),linear-gradient(45deg,var(--plx-sys-state-hover) 25%,transparent 25%,transparent 75%,var(--plx-sys-state-hover) 75%);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);}
:where(:root[data-plx-mode="dark"]) .ds-bar{background-color:var(--plx-sys-action-primary-background);background-image:none;background-position:0% 0%;background-size:auto;}
:where(:root[data-plx-mode="dark"]) .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);}
:where(:root[data-plx-mode="dark"]) .ds-phrase{color:var(--plx-sys-content-default);}
:where(:root[data-plx-mode="dark"]) .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-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);}
:where(:root[data-plx-mode="dark"]) .ds-example-head{background-color:var(--plx-sys-surface-canvas);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);}

:where(:root[data-plx-mode="dark"]) .ds-code{background-color:var(--plx-sys-surface-default);background-image:none;background-position:0% 0%;background-size:auto;color:var(--plx-sys-content-default);}
:where(:root[data-plx-mode="dark"]) .ds-specimens code,:where(:root[data-plx-mode="dark"]) .ds-code-inline{background-color:var(--plx-sys-state-hover);background-image:none;background-position:0% 0%;background-size:auto;color:var(--plx-sys-content-muted);}

:where(:root[data-plx-mode="dark"]) .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-muted);}

:where(:root[data-plx-mode="dark"]) .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-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);color:var(--plx-sys-content-default);}
:where(:root[data-plx-mode="dark"]) .ds-table-card{background-color:var(--plx-sys-surface-default);}
:where(:root[data-plx-mode="dark"]) .ds-table-title{color:var(--plx-sys-content-muted);}
:where(:root[data-plx-mode="dark"]) .ds-space-table{background-color:var(--plx-sys-surface-canvas);color:var(--plx-sys-content-default);}
:where(:root[data-plx-mode="dark"]) .ds-space-val{background-color:var(--plx-sys-state-hover);color:var(--plx-sys-content-on-media);}
:where(:root[data-plx-mode="dark"]) .ds-space-bar{background-color:var(--plx-sys-feedback-danger-solid);}
:where(:root[data-plx-mode="dark"]) .ds-op-sw{background-color:var(--plx-sys-surface-inverse);}
:where(:root[data-plx-mode="dark"]) .ds-op-used,:where(:root[data-plx-mode="dark"]) .ds-op-note{color:var(--plx-sys-content-muted);}