/* Plenix design system · samples: a value only the page knows at run time (the token a picture shows, a position measured
   from a rendered part) reaches the stylesheet as --ds-sample-<property> and is read here by the class ds-sample--<property>.
   Set only through DS.sample / DS.place (ds.js), never as a style. Loaded by the page and by the labs' frames. */
.ds-sample--animation{animation:var(--ds-sample-animation);}
.ds-sample--animation-delay{animation-delay:var(--ds-sample-animation-delay);}
.ds-sample--block-size{block-size:var(--ds-sample-block-size);}
.ds-sample--border-radius{border-radius:var(--ds-sample-border-radius);}
.ds-sample--border-style{border-style:var(--ds-sample-border-style);}
.ds-sample--border-width{border-width:var(--ds-sample-border-width);}
.ds-sample--font-family{font-family:var(--ds-sample-font-family);}
/* stylelint-disable-next-line declaration-property-value-allowed-list -- the sample shows the font-size token it documents */
.ds-sample--font-size{font-size:var(--ds-sample-font-size);}
.ds-sample--font-weight{font-weight:var(--ds-sample-font-weight);}
.ds-sample--grid-area{grid-area:var(--ds-sample-grid-area);}
.ds-sample--grid-template-areas{grid-template-areas:var(--ds-sample-grid-template-areas);}
.ds-sample--grid-template-columns{grid-template-columns:var(--ds-sample-grid-template-columns);}
.ds-sample--grid-template-rows{grid-template-rows:var(--ds-sample-grid-template-rows);}
.ds-sample--height{height:var(--ds-sample-height);}
.ds-sample--inline-size{inline-size:var(--ds-sample-inline-size);}
.ds-sample--left{left:var(--ds-sample-left);}
.ds-sample--letter-spacing{letter-spacing:var(--ds-sample-letter-spacing);}
.ds-sample--line-height{line-height:var(--ds-sample-line-height);}
.ds-sample--padding{padding:var(--ds-sample-padding);}
.ds-sample--scale{scale:var(--ds-sample-scale);}
.ds-sample--top{top:var(--ds-sample-top);}
.ds-sample--transition-duration{transition-duration:var(--ds-sample-transition-duration);}
.ds-sample--transition-timing-function{transition-timing-function:var(--ds-sample-transition-timing-function);}
.ds-sample--width{width:var(--ds-sample-width);}
.ds-sample--background-color{background-color:var(--ds-sample-background-color);}
.ds-sample--box-shadow{box-shadow:var(--ds-sample-box-shadow);}
.ds-sample--opacity{opacity:var(--ds-sample-opacity);}