.o-color-data{--text-boldness:600;--text-font:"DIN 2014";.c-label{--text-interligne:1;--text-size:1.3rem}.c-value{--text-boldness:400;--text-font:"Clincher Code";--text-interligne:max(2 * var(--unit));--text-size:max(1.625 * var(--unit));font-style:normal;.s-mutted{--text-color:gray}}}.o-color-data{.c-property{align-items:start;display:flex;flex-wrap:nowrap;justify-content:space-between;&:before{align-self:end;order:1}.c-value{flex-shrink:0;order:0}.c-label{flex-shrink:0;order:2;-webkit-user-select:none;-moz-user-select:none;user-select:none}}}.o-color-data{.c-property{font-style:italic;margin-inline-end:20dvw;&:has(>:is([itemprop=css],[itemprop=hex])){margin-inline-end:10dvw}}&:is([itemprop=srgb_linear],[itemprop=a98-rgb],[itemprop=display-p3],[itemprop=prophoto-rgb],[itemprop=rec2020],[itemprop=srgb],[itemprop=xyz-d65],[itemprop=xyz-d50],){.c-property:has(>:is([itemprop=css],[itemprop=hex])){margin-inline-end:unset}}.c-property{position:relative;z-index:10;&:before{color:dimgray;content:"\002E\002E\002E\002E\002E\002E\002E\002E\002E\002E\002E\002E\002E\002E\002E\002E\002E\002E\002E\002E\002E\002E\002E\002E\002E\002E\002E\002E\002E\002E\002E\002E\002E\002E\002E\002E\002E\002E\002E\002E\002E\002E\002E\002E\002E\002E\002E\002E\002E\002E\002E\002E\002E\002E\002E\002E\002E\002E\002E\002E";font-size:max(1 * var(--unit));left:0;letter-spacing:.8ex;line-height:1.4;overflow:hidden;position:absolute;right:-.6ex;text-align:right;text-wrap:nowrap;vertical-align:bottom;width:auto}:is(.c-label,.c-value){display:inline-block}.c-label{text-transform:uppercase;text-wrap:nowrap;vertical-align:top}.c-value{position:relative;text-wrap:nowrap;vertical-align:baseline;z-index:2}}.c-value{block-size:var(--text-interligne);border:max(1 * var(--rpx)) solid silver;border-radius:max(.5 * var(--unit)) /50%;box-sizing:border-box;font-feature-settings:"aalt"0,"salt"0,"liga"0,"dlig"0,"cpsp"0,"case"0,"ordn"0,"locl"0,"ss01"0,"sinf"0,"numr"0,"dnom"0,"frac"1;inline-size:-moz-max-content;inline-size:max-content;min-inline-size:max(7 * var(--unit));outline:max(2 * var(--rpx)) solid #fff;text-align:right;.s-mutted{-webkit-user-select:none;-moz-user-select:none;user-select:none}:is(&[data-prefix],&[itemprop=hex],&[itemprop^=css]){&:before{color:gray;display:inline;font-feature-settings:"aalt"1,"salt"1,"liga"0,"dlig"0,"cpsp"0,"case"0,"ordn"0,"locl"0,"ss01"0,"sinf"0,"numr"0,"dnom"0,"frac"0;font-size:max(1.75 * var(--unit));left:-1.375ex;position:absolute;transition:left .6s ease-in-out;vertical-align:baseline}}&[data-prefix]{margin-inline-start:1.375ex;&:before{content:attr(data-prefix)}}&[itemprop=css]{margin-inline-start:5.6rem;padding-inline:max(.5 * var(--unit));&:before{content:"\2517\2550\21D2";left:-2em}}&[itemprop=hex]{margin-inline-start:5.6rem;text-transform:uppercase;&:before{content:"\2516\2500\2192";left:-2em}}&[itemprop^=xyz]{padding-inline:max(.5 * var(--unit));text-align:left}}.c-property+.c-property{margin-block-start:max(1 * var(--unit))}@media screen and (max-width:1180px){.c-property:before{content:normal}.c-label{content-visibility:hidden}}}.o-color-representation{--text-width:67ex;[role=heading]{--text-boldness:800;--text-font:"DIN 2014";&[aria-level="3"]{--text-size:max(2.5 * var(--unit))}}.c-description{--icon-code:"\e18e";--icon-color:var(--link-color);--icon-size:1.3rem;--text-interligne:max(1.75 * var(--unit));--text-size:max(1.0625 * var(--unit));--text-color:var(--fore-color)}}.o-color-representation{display:grid;grid-template-areas:"title title""swatch data""description description";grid-template-columns:30rem 1fr;grid-column-gap:max(1 * var(--space-md));-moz-column-gap:max(1 * var(--space-md));column-gap:max(1 * var(--space-md));grid-row-gap:max(1 * var(--space));row-gap:max(1 * var(--space));e-color-swatch{grid-area:swatch}.o-color-data{grid-area:data}.c-description{align-self:start;display:inline-block;grid-area:description;-webkit-text-decoration:none;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}[role=heading]{display:inline-block;grid-area:title;margin-inline-start:max(1 * var(--unit))}}.o-color-representation{margin-block-start:max(1 * var(--space-lg));padding-inline:max(1 * var(--space-md));position:relative;z-index:1;e-color-swatch::part(tail){block-size:18rem;inline-size:30rem}.c-description{font-feature-settings:"liga"1,"dlig"1,"aalt"0,"calt"0,"salt"1,"case"0,"ordn"0,"locl"0,"hist"0,"ss01"0,"ss02"1,"ss03"0,"ss04"0,"ss05"0,"ss06"0,"ss07"0,"ss08"0,"ss09"0,"ss10"0,"ss11"0,"ss12"0,"ss13"0,"ss16"0,"sups"0,"subs"0,"sinf"0,"numr"0,"dnom"0,"frac"0,"zero"0,"pnum"0,"tnum"0,"cpsp"0,"kern"0;font-style:italic;font-variation-settings:"wght"320;margin-block-start:max(1 * var(--space-sm));text-indent:max(1 * var(--unit));&:after,&:before{display:inline;font-style:normal;text-indent:inherit;text-rendering:geometricPrecision}&:before{content:"\261E";font-size:2.4rem;margin-inline-end:var(--space-sm)}&:after{content:var(--icon-code);font-family:var(--icon-font);font-size:var(--icon-size);margin-inline-start:var(--space-sm);opacity:0;-webkit-text-decoration:none;text-decoration:none;transition:opacity .7s ease-in;transition-delay:.16s;transition-duration:.3s}&:hover{-webkit-text-decoration:none;text-decoration:none;&:after{opacity:1}}&:empty{content-visibility:hidden}[data-glyph]:empty{display:inline}}}@media screen and ((min-width:1080px) and (orientation:portrait)) or ((min-width:1920px) and (orientation:landscape)){.o-color-representation{-moz-column-gap:max(1 * var(--space-lg));column-gap:max(1 * var(--space-lg));.c-colspan{-moz-column-gap:max(1 * var(--space-lg));column-gap:max(1 * var(--space-lg));.c-value[itemprop=hex]:before{content:"\2516\2192";left:-1.5em}}}}@media screen and (min-width:820px) and (max-width:1180px){.o-color-representation{.c-description{font-variation-settings:"wght"470;line-clamp:3;overflow:hidden;text-indent:max(1 * var(--space));text-overflow:ellipsis;&:before{content:var(--icon-code);font-family:var(--icon-font);font-size:var(--icon-size)}&:after{unset:all}}.c-colspan{.c-value[itemprop=hex]:before{content:"\2550\2501\2192";left:-2em}}}}@media screen and (max-width:820px){.o-color-representation{.c-description{content-visibility:hidden}.c-colspan{flex-direction:column;.c-value{block-size:unset;font-size:max(1.2 * var(--unit));font-weight:700;line-height:max(1.4 * var(--unit));min-inline-size:unset;&:before{block-size:3.2rem}}.c-property{block-size:3.2rem;display:inline-block;.c-value{&[itemprop^=css]:before{content:"\2521\2550\21D2";left:-2em}&[itemprop=hex]:before{content:"\2514\2500\2192";left:-2em}}}}}}header.page-color{--caption-font:"DIN 2014";--text-font:"DIN 2014";padding-inline:var(--space-md);position:relative;z-index:11;h1{--text-size:9.6rem;--text-interligne:1}ul{--text-size:1.8rem;--text-interligne:1.2;li{--text-boldness:300}}h1{hyphenate-character:"—";hyphenate-limit-chars:5 3 2;hyphens:manual;margin:initial;padding:initial;word-break:break-all}ul.c-nameset{li{display:inline-block;white-space:nowrap}li:has(+li){margin-inline-end:var(--space)}}@media screen and (max-width:1180px){text-align:center}}.page-color-banner{--size:36rem;block-size:var(--size);display:block;inline-size:100dvw;margin-block-start:.8rem;position:sticky;top:-5.6rem;z-index:18;svg{rect{block-size:var(--size);inline-size:calc(100dvw - var(--size));x:calc(max(1 * var(--size)) - .1rem);y:0}use{block-size:max(1 * var(--size));inline-size:max(1 * var(--size));x:0;y:0}}}.page-color-banner+.c-background{background-image:url(pictures/transparency-grid.svg);background-position:top;background-size:16px 16px;block-size:37.2rem;display:block;flex-shrink:0;inline-size:100dvw;margin-block-start:-36.6rem;position:sticky;top:-6.2rem;z-index:1}.page-color-specification{--caption-font:"DIN 2014";--text-font:"DIN 2014 Rounded WebVF";position:relative;z-index:10;h1{--text-size:5.6rem}}.c-example-list{align-items:stretch;display:flex;flex-direction:row;gap:max(1 * var(--space));margin-block-start:max(1 * var(--space-xl));padding-inline:max(1 * var(--space-md));@media (--device-desktop-landscape ){gap:max(1 * var(--space-lg))}@media (--device-tablet ){flex-direction:column}}