@wikimedia/codex
Version:
Codex Design System for Wikimedia
1 lines • 51.6 kB
CSS
.blue[data-v-bf2cf74f]{color:#00f}.green[data-v-bf2cf74f]{color:green}.cdx-demo-css-icon--robot{min-width:10px;min-height:10px;width:calc(var(--font-size-medium, 1rem) + 4px);height:calc(var(--font-size-medium, 1rem) + 4px);display:inline-block;vertical-align:text-bottom}@supports not (((-webkit-mask-image: none) or (mask-image: none))){[dir] .cdx-demo-css-icon--robot{background-position:center;background-repeat:no-repeat;background-size:max(calc(var(--font-size-medium, 1rem) + 4px),10px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-demo-css-icon--robot{-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:max(calc(var(--font-size-medium, 1rem) + 4px),10px);mask-size:max(calc(var(--font-size-medium, 1rem) + 4px),10px)}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-demo-css-icon--robot{filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}[dir] .cdx-demo-css-icon--robot{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M10 0a2 2 0 011 3.73V5h5.5A2.5 2.5 0 0119 7.5V15h-7.5v2H16a1 1 0 011 1v2H3v-2a1 1 0 011-1h4.5v-2H1V7.5A2.5 2.5 0 013.5 5H9V3.73A2 2 0 0110 0M5.5 9a1.5 1.5 0 100 3 1.5 1.5 0 000-3m9 0a1.5 1.5 0 100 3 1.5 1.5 0 000-3"/></svg>')}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-demo-css-icon--robot{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M10 0a2 2 0 011 3.73V5h5.5A2.5 2.5 0 0119 7.5V15h-7.5v2H16a1 1 0 011 1v2H3v-2a1 1 0 011-1h4.5v-2H1V7.5A2.5 2.5 0 013.5 5H9V3.73A2 2 0 0110 0M5.5 9a1.5 1.5 0 100 3 1.5 1.5 0 000-3m9 0a1.5 1.5 0 100 3 1.5 1.5 0 000-3"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M10 0a2 2 0 011 3.73V5h5.5A2.5 2.5 0 0119 7.5V15h-7.5v2H16a1 1 0 011 1v2H3v-2a1 1 0 011-1h4.5v-2H1V7.5A2.5 2.5 0 013.5 5H9V3.73A2 2 0 0110 0M5.5 9a1.5 1.5 0 100 3 1.5 1.5 0 000-3m9 0a1.5 1.5 0 100 3 1.5 1.5 0 000-3"/></svg>')}[dir] .cdx-demo-css-icon--robot{background-color:var(--color-base, #202122)}}.my-custom-dialog header{display:flex;align-items:flex-start;justify-content:space-between;height:8rem}[dir] .my-custom-dialog header{background-color:var(--background-color-progressive-subtle, #e8eeff);padding:16px 24px 0}.my-custom-dialog header h2{font-size:var(--font-size-large, 1.125rem)}[dir] .my-custom-dialog header h2{margin:0;padding:0}.my-custom-dialog footer{display:flex;align-items:baseline;justify-content:space-between}[dir] .my-custom-dialog footer{border-top:solid 1px var(--border-color-subtle, #c8ccd1);padding:8px 16px}[dir] .foo-dialog{background-color:var(--background-color-progressive-subtle, #e8eeff)}.cdx-demo-css-icon--tag{min-width:10px;min-height:10px;width:calc(var(--font-size-medium, 1rem) + 4px);height:calc(var(--font-size-medium, 1rem) + 4px);display:inline-block;vertical-align:text-bottom}@supports not (((-webkit-mask-image: none) or (mask-image: none))){[dir] .cdx-demo-css-icon--tag{background-position:center;background-repeat:no-repeat;background-size:max(calc(var(--font-size-medium, 1rem) + 4px),10px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-demo-css-icon--tag{-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:max(calc(var(--font-size-medium, 1rem) + 4px),10px);mask-size:max(calc(var(--font-size-medium, 1rem) + 4px),10px)}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-demo-css-icon--tag{filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}[dir] .cdx-demo-css-icon--tag{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M5.5 4.003a1.5 1.5 0 110 3 1.5 1.5 0 010-3"/><path d="m19.914 11.503-8.413 8.414L.004 8.414.003 1l1-1h7.415zM2.003 7.587l9.497 9.502 5.585-5.587-9.496-9.501L2.003 2z"/></svg>')}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-demo-css-icon--tag{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M5.5 4.003a1.5 1.5 0 110 3 1.5 1.5 0 010-3"/><path d="m19.914 11.503-8.413 8.414L.004 8.414.003 1l1-1h7.415zM2.003 7.587l9.497 9.502 5.585-5.587-9.496-9.501L2.003 2z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M5.5 4.003a1.5 1.5 0 110 3 1.5 1.5 0 010-3"/><path d="m19.914 11.503-8.413 8.414L.004 8.414.003 1l1-1h7.415zM2.003 7.587l9.497 9.502 5.585-5.587-9.496-9.501L2.003 2z"/></svg>')}[dir] .cdx-demo-css-icon--tag{background-color:var(--color-base, #202122)}}[dir] .cdx-demo-css-icon--tag[dir=rtl],html[dir][dir=rtl] .cdx-demo-css-icon--tag:not([dir="ltr"]){transform:scaleX(-1)}.cdx-demo-css-icon--custom{min-width:10px;min-height:10px;width:calc(var(--font-size-medium, 1rem) + 4px);height:calc(var(--font-size-medium, 1rem) + 4px);display:inline-block;vertical-align:text-bottom;-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><mask id="inner"><circle cx="10" cy="10" r="10" fill="white"/><circle cx="10" cy="10" r="6" fill="black"/></mask><circle cx="10" cy="10" r="10" fill="black" mask="url(%23inner)"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><mask id="inner"><circle cx="10" cy="10" r="10" fill="white"/><circle cx="10" cy="10" r="6" fill="black"/></mask><circle cx="10" cy="10" r="10" fill="black" mask="url(%23inner)"/></svg>')}[dir] .cdx-demo-css-icon--custom{background-color:var(--color-progressive, #36c)}@supports not (((-webkit-mask-image: none) or (mask-image: none))){[dir] .cdx-demo-css-icon--custom{background-position:center;background-repeat:no-repeat;background-size:max(calc(var(--font-size-medium, 1rem) + 4px),10px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-demo-css-icon--custom{-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:max(calc(var(--font-size-medium, 1rem) + 4px),10px);mask-size:max(calc(var(--font-size-medium, 1rem) + 4px),10px)}}.cdx-demo-css-icon--cancel{min-width:10px;min-height:10px;width:calc(var(--font-size-medium, 1rem) + 4px);height:calc(var(--font-size-medium, 1rem) + 4px);display:inline-block;vertical-align:text-bottom}@supports not (((-webkit-mask-image: none) or (mask-image: none))){[dir] .cdx-demo-css-icon--cancel{background-position:center;background-repeat:no-repeat;background-size:max(calc(var(--font-size-medium, 1rem) + 4px),10px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-demo-css-icon--cancel{-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:max(calc(var(--font-size-medium, 1rem) + 4px),10px);mask-size:max(calc(var(--font-size-medium, 1rem) + 4px),10px)}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-demo-css-icon--cancel{filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}[dir] .cdx-demo-css-icon--cancel{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M10 1a9 9 0 110 18 9 9 0 010-18M4.394 5.806A6.97 6.97 0 003 10a7 7 0 0011.193 5.605l-9.8-9.8ZM10 3a6.97 6.97 0 00-4.191 1.392l9.797 9.798A7 7 0 0010 3"/></svg>')}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-demo-css-icon--cancel{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M10 1a9 9 0 110 18 9 9 0 010-18M4.394 5.806A6.97 6.97 0 003 10a7 7 0 0011.193 5.605l-9.8-9.8ZM10 3a6.97 6.97 0 00-4.191 1.392l9.797 9.798A7 7 0 0010 3"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M10 1a9 9 0 110 18 9 9 0 010-18M4.394 5.806A6.97 6.97 0 003 10a7 7 0 0011.193 5.605l-9.8-9.8ZM10 3a6.97 6.97 0 00-4.191 1.392l9.797 9.798A7 7 0 0010 3"/></svg>')}[dir] .cdx-demo-css-icon--cancel{background-color:var(--color-destructive, #bf3c2c)}}.cdx-demo-css-icon--bookmark{min-width:10px;min-height:10px;width:calc(var(--font-size-medium, 1rem) + 4px);height:calc(var(--font-size-medium, 1rem) + 4px);display:inline-block;vertical-align:text-bottom}@supports not (((-webkit-mask-image: none) or (mask-image: none))){[dir] .cdx-demo-css-icon--bookmark{background-position:center;background-repeat:no-repeat;background-size:max(calc(var(--font-size-medium, 1rem) + 4px),10px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-demo-css-icon--bookmark{-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:max(calc(var(--font-size-medium, 1rem) + 4px),10px);mask-size:max(calc(var(--font-size-medium, 1rem) + 4px),10px)}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-demo-css-icon--bookmark{filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}[dir] .cdx-demo-css-icon--bookmark{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="m17 18-1.71.703L10 13.358l-5.29 5.345L3 18V1h14z"/></svg>')}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-demo-css-icon--bookmark{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="m17 18-1.71.703L10 13.358l-5.29 5.345L3 18V1h14z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="m17 18-1.71.703L10 13.358l-5.29 5.345L3 18V1h14z"/></svg>')}[dir] .cdx-demo-css-icon--bookmark{background-color:var(--color-base, #202122)}}.cdx-demo-css-icon--bell{min-width:10px;min-height:10px;width:var(--font-size-medium, 1rem);height:var(--font-size-medium, 1rem);display:inline-block;vertical-align:text-bottom}@supports not (((-webkit-mask-image: none) or (mask-image: none))){[dir] .cdx-demo-css-icon--bell{background-position:center;background-repeat:no-repeat;background-size:max(var(--font-size-medium, 1rem),10px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-demo-css-icon--bell{-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:max(var(--font-size-medium, 1rem),10px);mask-size:max(var(--font-size-medium, 1rem),10px)}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-demo-css-icon--bell{filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}[dir] .cdx-demo-css-icon--bell{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M10 1c.69 0 1.25.56 1.25 1.25v.392a5.59 5.59 0 014.342 5.45v3.583l2.717 3.737L17.5 17h-5.25a2.25 2.25 0 01-4.488.23L7.75 17H2.5l-.809-1.588 2.717-3.737V8.092a5.59 5.59 0 014.342-5.45V2.25C8.75 1.56 9.31 1 10 1"/></svg>')}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-demo-css-icon--bell{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M10 1c.69 0 1.25.56 1.25 1.25v.392a5.59 5.59 0 014.342 5.45v3.583l2.717 3.737L17.5 17h-5.25a2.25 2.25 0 01-4.488.23L7.75 17H2.5l-.809-1.588 2.717-3.737V8.092a5.59 5.59 0 014.342-5.45V2.25C8.75 1.56 9.31 1 10 1"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M10 1c.69 0 1.25.56 1.25 1.25v.392a5.59 5.59 0 014.342 5.45v3.583l2.717 3.737L17.5 17h-5.25a2.25 2.25 0 01-4.488.23L7.75 17H2.5l-.809-1.588 2.717-3.737V8.092a5.59 5.59 0 014.342-5.45V2.25C8.75 1.56 9.31 1 10 1"/></svg>')}[dir] .cdx-demo-css-icon--bell{background-color:var(--color-base, #202122)}}.cdx-demo-css-icon--arrow-next{min-width:10px;min-height:10px;width:calc(var(--font-size-medium, 1rem) - 4px);height:calc(var(--font-size-medium, 1rem) - 4px);display:inline-block;vertical-align:text-bottom}@supports not (((-webkit-mask-image: none) or (mask-image: none))){[dir] .cdx-demo-css-icon--arrow-next{background-position:center;background-repeat:no-repeat;background-size:max(calc(var(--font-size-medium, 1rem) - 4px),10px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-demo-css-icon--arrow-next{-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:max(calc(var(--font-size-medium, 1rem) - 4px),10px);mask-size:max(calc(var(--font-size-medium, 1rem) - 4px),10px)}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-demo-css-icon--arrow-next{filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}[dir] .cdx-demo-css-icon--arrow-next{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M18 9.804v1.392l-5.688 5.883-1.436-1.39L14.93 11.5H1v-2h13.923l-4.047-4.165 1.434-1.394z"/></svg>')}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-demo-css-icon--arrow-next{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M18 9.804v1.392l-5.688 5.883-1.436-1.39L14.93 11.5H1v-2h13.923l-4.047-4.165 1.434-1.394z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M18 9.804v1.392l-5.688 5.883-1.436-1.39L14.93 11.5H1v-2h13.923l-4.047-4.165 1.434-1.394z"/></svg>')}[dir] .cdx-demo-css-icon--arrow-next{background-color:var(--color-progressive, #36c)}}[dir] .cdx-demo-css-icon--arrow-next[dir=rtl],html[dir][dir=rtl] .cdx-demo-css-icon--arrow-next:not([dir="ltr"]){transform:scaleX(-1)}.cdx-demo-css-icon--article{min-width:10px;min-height:10px;width:calc(var(--font-size-medium, 1rem) + 4px);height:calc(var(--font-size-medium, 1rem) + 4px);display:inline-block;vertical-align:text-bottom}@supports not (((-webkit-mask-image: none) or (mask-image: none))){[dir] .cdx-demo-css-icon--article{background-position:center;background-repeat:no-repeat;background-size:max(calc(var(--font-size-medium, 1rem) + 4px),10px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-demo-css-icon--article{-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:max(calc(var(--font-size-medium, 1rem) + 4px),10px);mask-size:max(calc(var(--font-size-medium, 1rem) + 4px),10px)}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-demo-css-icon--article{filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}[dir] .cdx-demo-css-icon--article{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M14 15H6v-2h8zm-5-4H6V9h3zm5 0h-3V5h3zM9 7H6V5h3z"/><path d="M18 19H2V1h16zM4 17h12V3H4z"/></svg>')}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-demo-css-icon--article{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M14 15H6v-2h8zm-5-4H6V9h3zm5 0h-3V5h3zM9 7H6V5h3z"/><path d="M18 19H2V1h16zM4 17h12V3H4z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M14 15H6v-2h8zm-5-4H6V9h3zm5 0h-3V5h3zM9 7H6V5h3z"/><path d="M18 19H2V1h16zM4 17h12V3H4z"/></svg>')}[dir] .cdx-demo-css-icon--article{background-color:var(--color-base, #202122)}}[dir] .cdx-demo-css-icon--article[dir=rtl],html[dir][dir=rtl] .cdx-demo-css-icon--article:not([dir="ltr"]){transform:scaleX(-1)}.cdx-demo-css-icon--article-not-found{min-width:10px;min-height:10px;width:calc(var(--font-size-medium, 1rem) + 4px);height:calc(var(--font-size-medium, 1rem) + 4px);display:inline-block;vertical-align:text-bottom}@supports not (((-webkit-mask-image: none) or (mask-image: none))){[dir] .cdx-demo-css-icon--article-not-found{background-position:center;background-repeat:no-repeat;background-size:max(calc(var(--font-size-medium, 1rem) + 4px),10px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-demo-css-icon--article-not-found{-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:max(calc(var(--font-size-medium, 1rem) + 4px),10px);mask-size:max(calc(var(--font-size-medium, 1rem) + 4px),10px)}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-demo-css-icon--article-not-found{filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}[dir] .cdx-demo-css-icon--article-not-found{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M18 1v18h-4v-2h2V3H4v14h2v2H2V1z"/><path d="M11 19H9v-2h2zM10 5c2.746 0 4 2.044 4 3.564 0 1.236-.578 1.995-1.203 2.548-.274.242-.612.49-.84.671a4.3 4.3 0 00-.644.594c-.217.258-.313.687-.313 1.378V15H9v-1.245c0-.748.075-1.823.784-2.666.305-.362.64-.646.933-.876.32-.253.535-.405.755-.599.36-.318.528-.574.528-1.05C12 8.034 11.53 7 10 7c-1.33 0-2 .921-2 1.667v.666H6v-.666C6 6.746 7.638 5 10 5"/></svg>')}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-demo-css-icon--article-not-found{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M18 1v18h-4v-2h2V3H4v14h2v2H2V1z"/><path d="M11 19H9v-2h2zM10 5c2.746 0 4 2.044 4 3.564 0 1.236-.578 1.995-1.203 2.548-.274.242-.612.49-.84.671a4.3 4.3 0 00-.644.594c-.217.258-.313.687-.313 1.378V15H9v-1.245c0-.748.075-1.823.784-2.666.305-.362.64-.646.933-.876.32-.253.535-.405.755-.599.36-.318.528-.574.528-1.05C12 8.034 11.53 7 10 7c-1.33 0-2 .921-2 1.667v.666H6v-.666C6 6.746 7.638 5 10 5"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M18 1v18h-4v-2h2V3H4v14h2v2H2V1z"/><path d="M11 19H9v-2h2zM10 5c2.746 0 4 2.044 4 3.564 0 1.236-.578 1.995-1.203 2.548-.274.242-.612.49-.84.671a4.3 4.3 0 00-.644.594c-.217.258-.313.687-.313 1.378V15H9v-1.245c0-.748.075-1.823.784-2.666.305-.362.64-.646.933-.876.32-.253.535-.405.755-.599.36-.318.528-.574.528-1.05C12 8.034 11.53 7 10 7c-1.33 0-2 .921-2 1.667v.666H6v-.666C6 6.746 7.638 5 10 5"/></svg>')}[dir] .cdx-demo-css-icon--article-not-found{background-color:var(--color-base, #202122)}}[dir] .cdx-demo-css-icon--article-not-found[dir=rtl]:not(:lang(he)):not(:lang(yi)),html[dir][dir=rtl] .cdx-demo-css-icon--article-not-found:not([dir="ltr"]):not(:lang(he)):not(:lang(yi)){transform:scaleX(-1)}.cdx-demo-css-icon--articles-search{min-width:10px;min-height:10px;width:calc(var(--font-size-medium, 1rem) + 4px);height:calc(var(--font-size-medium, 1rem) + 4px);display:inline-block;vertical-align:text-bottom}@supports not (((-webkit-mask-image: none) or (mask-image: none))){[dir] .cdx-demo-css-icon--articles-search{background-position:center;background-repeat:no-repeat;background-size:max(calc(var(--font-size-medium, 1rem) + 4px),10px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-demo-css-icon--articles-search{-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:max(calc(var(--font-size-medium, 1rem) + 4px),10px);mask-size:max(calc(var(--font-size-medium, 1rem) + 4px),10px)}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-demo-css-icon--articles-search{filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}[dir] .cdx-demo-css-icon--articles-search{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M16 19H0V5h16zM2 17h9.586L9.29 14.704A3 3 0 018 15a3 3 0 113-3c0 .463-.109.899-.296 1.29L14 16.586V7H2zm6-6a1 1 0 100 2 1 1 0 000-2"/><path d="M20 17h-2V3H6V1h14z"/></svg>')}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-demo-css-icon--articles-search{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M16 19H0V5h16zM2 17h9.586L9.29 14.704A3 3 0 018 15a3 3 0 113-3c0 .463-.109.899-.296 1.29L14 16.586V7H2zm6-6a1 1 0 100 2 1 1 0 000-2"/><path d="M20 17h-2V3H6V1h14z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M16 19H0V5h16zM2 17h9.586L9.29 14.704A3 3 0 018 15a3 3 0 113-3c0 .463-.109.899-.296 1.29L14 16.586V7H2zm6-6a1 1 0 100 2 1 1 0 000-2"/><path d="M20 17h-2V3H6V1h14z"/></svg>')}[dir] .cdx-demo-css-icon--articles-search{background-color:var(--color-base, #202122)}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-demo-css-icon--articles-search[dir=rtl],html[dir=rtl] .cdx-demo-css-icon--articles-search:not([dir="ltr"]){filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}[dir] .cdx-demo-css-icon--articles-search[dir=rtl],html[dir][dir=rtl] .cdx-demo-css-icon--articles-search:not([dir="ltr"]){background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M20 19H4V5h16zM6 17h9.586l-2.296-2.296A3 3 0 0112 15a3 3 0 113-3c0 .463-.109.899-.296 1.29L18 16.586V7H6zm6-6a1 1 0 100 2 1 1 0 000-2"/><path d="M14 1v2H2v14H0V1z"/></svg>')}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-demo-css-icon--articles-search[dir=rtl],html[dir=rtl] .cdx-demo-css-icon--articles-search:not([dir="ltr"]){-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M20 19H4V5h16zM6 17h9.586l-2.296-2.296A3 3 0 0112 15a3 3 0 113-3c0 .463-.109.899-.296 1.29L18 16.586V7H6zm6-6a1 1 0 100 2 1 1 0 000-2"/><path d="M14 1v2H2v14H0V1z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M20 19H4V5h16zM6 17h9.586l-2.296-2.296A3 3 0 0112 15a3 3 0 113-3c0 .463-.109.899-.296 1.29L18 16.586V7H6zm6-6a1 1 0 100 2 1 1 0 000-2"/><path d="M14 1v2H2v14H0V1z"/></svg>')}[dir] .cdx-demo-css-icon--articles-search[dir=rtl],html[dir][dir=rtl] .cdx-demo-css-icon--articles-search:not([dir="ltr"]){background-color:var(--color-base, #202122)}}.cdx-demo-css-icon--strikethrough{min-width:10px;min-height:10px;width:calc(var(--font-size-medium, 1rem) + 4px);height:calc(var(--font-size-medium, 1rem) + 4px);display:inline-block;vertical-align:text-bottom}@supports not (((-webkit-mask-image: none) or (mask-image: none))){[dir] .cdx-demo-css-icon--strikethrough{background-position:center;background-repeat:no-repeat;background-size:max(calc(var(--font-size-medium, 1rem) + 4px),10px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-demo-css-icon--strikethrough{-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:max(calc(var(--font-size-medium, 1rem) + 4px),10px);mask-size:max(calc(var(--font-size-medium, 1rem) + 4px),10px)}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-demo-css-icon--strikethrough{filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}[dir] .cdx-demo-css-icon--strikethrough{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M18 12h-2.736l2.609 6h-2.181l-2.173-5H6.48l-2.173 5h-2.18l2.608-6H2v-2h16zm-4.476-4h-2.18L10 4.907 8.655 8h-2.18l2.608-5.998h1.834z"/></svg>')}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-demo-css-icon--strikethrough{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M18 12h-2.736l2.609 6h-2.181l-2.173-5H6.48l-2.173 5h-2.18l2.608-6H2v-2h16zm-4.476-4h-2.18L10 4.907 8.655 8h-2.18l2.608-5.998h1.834z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M18 12h-2.736l2.609 6h-2.181l-2.173-5H6.48l-2.173 5h-2.18l2.608-6H2v-2h16zm-4.476-4h-2.18L10 4.907 8.655 8h-2.18l2.608-5.998h1.834z"/></svg>')}[dir] .cdx-demo-css-icon--strikethrough{background-color:var(--color-base, #202122)}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-demo-css-icon--strikethrough:lang(en){filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}[dir] .cdx-demo-css-icon--strikethrough:lang(en){background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M18 12h-3.835c.217.573.335 1.19.335 1.826v.157a5.017 5.017 0 01-9.982.71l-.008-.051 1.98-.284.007.052a3.017 3.017 0 006.003-.427v-.157A3.17 3.17 0 0011.92 12H2v-2h16zM9.448 1a4.77 4.77 0 014.428 2.997l.053.132-1.858.742-.051-.13A2.77 2.77 0 009.448 3H9.12a2.489 2.489 0 00-.925 4.8l.498.2H5.4a4.49 4.49 0 013.72-7h.33Z"/></svg>')}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-demo-css-icon--strikethrough:lang(en){-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M18 12h-3.835c.217.573.335 1.19.335 1.826v.157a5.017 5.017 0 01-9.982.71l-.008-.051 1.98-.284.007.052a3.017 3.017 0 006.003-.427v-.157A3.17 3.17 0 0011.92 12H2v-2h16zM9.448 1a4.77 4.77 0 014.428 2.997l.053.132-1.858.742-.051-.13A2.77 2.77 0 009.448 3H9.12a2.489 2.489 0 00-.925 4.8l.498.2H5.4a4.49 4.49 0 013.72-7h.33Z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M18 12h-3.835c.217.573.335 1.19.335 1.826v.157a5.017 5.017 0 01-9.982.71l-.008-.051 1.98-.284.007.052a3.017 3.017 0 006.003-.427v-.157A3.17 3.17 0 0011.92 12H2v-2h16zM9.448 1a4.77 4.77 0 014.428 2.997l.053.132-1.858.742-.051-.13A2.77 2.77 0 009.448 3H9.12a2.489 2.489 0 00-.925 4.8l.498.2H5.4a4.49 4.49 0 013.72-7h.33Z"/></svg>')}[dir] .cdx-demo-css-icon--strikethrough:lang(en){background-color:var(--color-base, #202122)}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-demo-css-icon--strikethrough:lang(fi){filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}[dir] .cdx-demo-css-icon--strikethrough:lang(fi){background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M18 11h-6.849l-.151.266V19H9v-7.734L8.849 11H2V9h16zM8.865 7H6.562L3.132.996h2.304zm4.573 0h-2.303l3.43-6.004h2.303z"/></svg>')}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-demo-css-icon--strikethrough:lang(fi){-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M18 11h-6.849l-.151.266V19H9v-7.734L8.849 11H2V9h16zM8.865 7H6.562L3.132.996h2.304zm4.573 0h-2.303l3.43-6.004h2.303z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M18 11h-6.849l-.151.266V19H9v-7.734L8.849 11H2V9h16zM8.865 7H6.562L3.132.996h2.304zm4.573 0h-2.303l3.43-6.004h2.303z"/></svg>')}[dir] .cdx-demo-css-icon--strikethrough:lang(fi){background-color:var(--color-base, #202122)}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-demo-css-icon--strikethrough:lang(nb){filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}[dir] .cdx-demo-css-icon--strikethrough:lang(nb){background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M18 12h-3.835c.217.573.335 1.19.335 1.826v.157a5.017 5.017 0 01-9.982.71l-.008-.051 1.98-.284.007.052a3.017 3.017 0 006.003-.427v-.157A3.17 3.17 0 0011.92 12H2v-2h16zM9.448 1a4.77 4.77 0 014.428 2.997l.053.132-1.858.742-.051-.13A2.77 2.77 0 009.448 3H9.12a2.489 2.489 0 00-.925 4.8l.498.2H5.4a4.49 4.49 0 013.72-7h.33Z"/></svg>')}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-demo-css-icon--strikethrough:lang(nb){-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M18 12h-3.835c.217.573.335 1.19.335 1.826v.157a5.017 5.017 0 01-9.982.71l-.008-.051 1.98-.284.007.052a3.017 3.017 0 006.003-.427v-.157A3.17 3.17 0 0011.92 12H2v-2h16zM9.448 1a4.77 4.77 0 014.428 2.997l.053.132-1.858.742-.051-.13A2.77 2.77 0 009.448 3H9.12a2.489 2.489 0 00-.925 4.8l.498.2H5.4a4.49 4.49 0 013.72-7h.33Z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M18 12h-3.835c.217.573.335 1.19.335 1.826v.157a5.017 5.017 0 01-9.982.71l-.008-.051 1.98-.284.007.052a3.017 3.017 0 006.003-.427v-.157A3.17 3.17 0 0011.92 12H2v-2h16zM9.448 1a4.77 4.77 0 014.428 2.997l.053.132-1.858.742-.051-.13A2.77 2.77 0 009.448 3H9.12a2.489 2.489 0 00-.925 4.8l.498.2H5.4a4.49 4.49 0 013.72-7h.33Z"/></svg>')}[dir] .cdx-demo-css-icon--strikethrough:lang(nb){background-color:var(--color-base, #202122)}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-demo-css-icon--strikethrough:lang(nn){filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}[dir] .cdx-demo-css-icon--strikethrough:lang(nn){background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M18 12h-3.835c.217.573.335 1.19.335 1.826v.157a5.017 5.017 0 01-9.982.71l-.008-.051 1.98-.284.007.052a3.017 3.017 0 006.003-.427v-.157A3.17 3.17 0 0011.92 12H2v-2h16zM9.448 1a4.77 4.77 0 014.428 2.997l.053.132-1.858.742-.051-.13A2.77 2.77 0 009.448 3H9.12a2.489 2.489 0 00-.925 4.8l.498.2H5.4a4.49 4.49 0 013.72-7h.33Z"/></svg>')}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-demo-css-icon--strikethrough:lang(nn){-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M18 12h-3.835c.217.573.335 1.19.335 1.826v.157a5.017 5.017 0 01-9.982.71l-.008-.051 1.98-.284.007.052a3.017 3.017 0 006.003-.427v-.157A3.17 3.17 0 0011.92 12H2v-2h16zM9.448 1a4.77 4.77 0 014.428 2.997l.053.132-1.858.742-.051-.13A2.77 2.77 0 009.448 3H9.12a2.489 2.489 0 00-.925 4.8l.498.2H5.4a4.49 4.49 0 013.72-7h.33Z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M18 12h-3.835c.217.573.335 1.19.335 1.826v.157a5.017 5.017 0 01-9.982.71l-.008-.051 1.98-.284.007.052a3.017 3.017 0 006.003-.427v-.157A3.17 3.17 0 0011.92 12H2v-2h16zM9.448 1a4.77 4.77 0 014.428 2.997l.053.132-1.858.742-.051-.13A2.77 2.77 0 009.448 3H9.12a2.489 2.489 0 00-.925 4.8l.498.2H5.4a4.49 4.49 0 013.72-7h.33Z"/></svg>')}[dir] .cdx-demo-css-icon--strikethrough:lang(nn){background-color:var(--color-base, #202122)}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-demo-css-icon--strikethrough:lang(no){filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}[dir] .cdx-demo-css-icon--strikethrough:lang(no){background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M18 12h-3.835c.217.573.335 1.19.335 1.826v.157a5.017 5.017 0 01-9.982.71l-.008-.051 1.98-.284.007.052a3.017 3.017 0 006.003-.427v-.157A3.17 3.17 0 0011.92 12H2v-2h16zM9.448 1a4.77 4.77 0 014.428 2.997l.053.132-1.858.742-.051-.13A2.77 2.77 0 009.448 3H9.12a2.489 2.489 0 00-.925 4.8l.498.2H5.4a4.49 4.49 0 013.72-7h.33Z"/></svg>')}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-demo-css-icon--strikethrough:lang(no){-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M18 12h-3.835c.217.573.335 1.19.335 1.826v.157a5.017 5.017 0 01-9.982.71l-.008-.051 1.98-.284.007.052a3.017 3.017 0 006.003-.427v-.157A3.17 3.17 0 0011.92 12H2v-2h16zM9.448 1a4.77 4.77 0 014.428 2.997l.053.132-1.858.742-.051-.13A2.77 2.77 0 009.448 3H9.12a2.489 2.489 0 00-.925 4.8l.498.2H5.4a4.49 4.49 0 013.72-7h.33Z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M18 12h-3.835c.217.573.335 1.19.335 1.826v.157a5.017 5.017 0 01-9.982.71l-.008-.051 1.98-.284.007.052a3.017 3.017 0 006.003-.427v-.157A3.17 3.17 0 0011.92 12H2v-2h16zM9.448 1a4.77 4.77 0 014.428 2.997l.053.132-1.858.742-.051-.13A2.77 2.77 0 009.448 3H9.12a2.489 2.489 0 00-.925 4.8l.498.2H5.4a4.49 4.49 0 013.72-7h.33Z"/></svg>')}[dir] .cdx-demo-css-icon--strikethrough:lang(no){background-color:var(--color-base, #202122)}}.cdx-demo-flex-container[data-v-9ab31f0c]{gap:16px}.cdx-demo-flex-container[data-v-89bfa876]{display:flex;gap:16px}@media (max-width: 639px){.cdx-demo-flex-container[data-v-89bfa876]{flex-direction:column;width:-webkit-fit-content;width:fit-content}}[dir] p[data-v-8c6f9966]{margin:0}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-demo-css-icon--not-bright{filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}[dir] .cdx-demo-css-icon--not-bright{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="m7.478 15.49-1.141 1.976-1.733-1 1.141-1.976zm7.705.976-1.732 1-1.14-1.976 1.731-1zM10 6a4 4 0 110 8 4 4 0 010-8m-5.998 5.003H1.72v-2h2.281v2Zm14.28 0H16v-2h2.281v2ZM7.652 4.425l-1.731 1-1.14-1.976 1.73-1zm7.354-.976-1.14 1.976-1.733-1 1.14-1.976z"/></svg>')}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-demo-css-icon--not-bright{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="m7.478 15.49-1.141 1.976-1.733-1 1.141-1.976zm7.705.976-1.732 1-1.14-1.976 1.731-1zM10 6a4 4 0 110 8 4 4 0 010-8m-5.998 5.003H1.72v-2h2.281v2Zm14.28 0H16v-2h2.281v2ZM7.652 4.425l-1.731 1-1.14-1.976 1.73-1zm7.354-.976-1.14 1.976-1.733-1 1.14-1.976z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="m7.478 15.49-1.141 1.976-1.733-1 1.141-1.976zm7.705.976-1.732 1-1.14-1.976 1.731-1zM10 6a4 4 0 110 8 4 4 0 010-8m-5.998 5.003H1.72v-2h2.281v2Zm14.28 0H16v-2h2.281v2ZM7.652 4.425l-1.731 1-1.14-1.976 1.73-1zm7.354-.976-1.14 1.976-1.733-1 1.14-1.976z"/></svg>')}[dir] .cdx-demo-css-icon--not-bright{background-color:var(--color-base, #202122)}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-demo-css-icon--info-filled{filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}[dir] .cdx-demo-css-icon--info-filled{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M10 1a9 9 0 110 18 9 9 0 010-18M8 9v2h1v2H8v2h4v-2h-1V9zm1-4v2h2V5z"/></svg>')}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-demo-css-icon--info-filled{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M10 1a9 9 0 110 18 9 9 0 010-18M8 9v2h1v2H8v2h4v-2h-1V9zm1-4v2h2V5z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M10 1a9 9 0 110 18 9 9 0 010-18M8 9v2h1v2H8v2h4v-2h-1V9zm1-4v2h2V5z"/></svg>')}[dir] .cdx-demo-css-icon--info-filled{background-color:var(--color-base, #202122)}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-demo-css-icon--info-filled:lang(ar){filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}[dir] .cdx-demo-css-icon--info-filled:lang(ar){background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M13 20H7v-2h6zM10 0c1.938 0 3.58.556 4.745 1.644C15.918 2.738 16.5 4.27 16.5 6c0 2.22-1.15 3.732-2.04 4.727-.644.72-.96 1.633-.96 2.662V16h-7v-2.611c0-1.029-.317-1.942-.96-2.662C4.65 9.732 3.5 8.22 3.5 6c0-1.627.593-3.145 1.743-4.255C6.395.634 8.032 0 10 0"/></svg>')}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-demo-css-icon--info-filled:lang(ar){-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M13 20H7v-2h6zM10 0c1.938 0 3.58.556 4.745 1.644C15.918 2.738 16.5 4.27 16.5 6c0 2.22-1.15 3.732-2.04 4.727-.644.72-.96 1.633-.96 2.662V16h-7v-2.611c0-1.029-.317-1.942-.96-2.662C4.65 9.732 3.5 8.22 3.5 6c0-1.627.593-3.145 1.743-4.255C6.395.634 8.032 0 10 0"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M13 20H7v-2h6zM10 0c1.938 0 3.58.556 4.745 1.644C15.918 2.738 16.5 4.27 16.5 6c0 2.22-1.15 3.732-2.04 4.727-.644.72-.96 1.633-.96 2.662V16h-7v-2.611c0-1.029-.317-1.942-.96-2.662C4.65 9.732 3.5 8.22 3.5 6c0-1.627.593-3.145 1.743-4.255C6.395.634 8.032 0 10 0"/></svg>')}[dir] .cdx-demo-css-icon--info-filled:lang(ar){background-color:var(--color-base, #202122)}}.cdx-demo-css-icon--search{min-width:10px;min-height:10px;width:calc(var(--font-size-medium, 1rem) + 4px);height:calc(var(--font-size-medium, 1rem) + 4px);display:inline-block;vertical-align:text-bottom}@supports not (((-webkit-mask-image: none) or (mask-image: none))){[dir] .cdx-demo-css-icon--search{background-position:center;background-repeat:no-repeat;background-size:max(calc(var(--font-size-medium, 1rem) + 4px),10px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-demo-css-icon--search{-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:max(calc(var(--font-size-medium, 1rem) + 4px),10px);mask-size:max(calc(var(--font-size-medium, 1rem) + 4px),10px)}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-demo-css-icon--search{filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}[dir] .cdx-demo-css-icon--search{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M8 1a7 7 0 015.605 11.191l5.102 5.102-1.414 1.414-5.102-5.102A7 7 0 118 1m0 2a5 5 0 100 10A5 5 0 008 3"/></svg>')}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-demo-css-icon--search{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M8 1a7 7 0 015.605 11.191l5.102 5.102-1.414 1.414-5.102-5.102A7 7 0 118 1m0 2a5 5 0 100 10A5 5 0 008 3"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M8 1a7 7 0 015.605 11.191l5.102 5.102-1.414 1.414-5.102-5.102A7 7 0 118 1m0 2a5 5 0 100 10A5 5 0 008 3"/></svg>')}[dir] .cdx-demo-css-icon--search{background-color:var(--color-base, #202122)}}.cdx-demo-css-icon--info-filled{min-width:10px;min-height:10px;width:calc(var(--font-size-medium, 1rem) + 4px);height:calc(var(--font-size-medium, 1rem) + 4px);display:inline-block;vertical-align:text-bottom}@supports not (((-webkit-mask-image: none) or (mask-image: none))){[dir] .cdx-demo-css-icon--info-filled{background-position:center;background-repeat:no-repeat;background-size:max(calc(var(--font-size-medium, 1rem) + 4px),10px)}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-demo-css-icon--info-filled{-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:max(calc(var(--font-size-medium, 1rem) + 4px),10px);mask-size:max(calc(var(--font-size-medium, 1rem) + 4px),10px)}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-demo-css-icon--info-filled{filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}[dir] .cdx-demo-css-icon--info-filled{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M10 1a9 9 0 110 18 9 9 0 010-18M8 9v2h1v2H8v2h4v-2h-1V9zm1-4v2h2V5z"/></svg>')}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-demo-css-icon--info-filled{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M10 1a9 9 0 110 18 9 9 0 010-18M8 9v2h1v2H8v2h4v-2h-1V9zm1-4v2h2V5z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M10 1a9 9 0 110 18 9 9 0 010-18M8 9v2h1v2H8v2h4v-2h-1V9zm1-4v2h2V5z"/></svg>')}[dir] .cdx-demo-css-icon--info-filled{background-color:var(--color-base, #202122)}}@supports not (((-webkit-mask-image: none) or (mask-image: none))){.cdx-demo-css-icon--info-filled:lang(ar){filter:invert(var(--filter-invert-icon, 0));opacity:var(--opacity-icon-base, .87)}[dir] .cdx-demo-css-icon--info-filled:lang(ar){background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M13 20H7v-2h6zM10 0c1.938 0 3.58.556 4.745 1.644C15.918 2.738 16.5 4.27 16.5 6c0 2.22-1.15 3.732-2.04 4.727-.644.72-.96 1.633-.96 2.662V16h-7v-2.611c0-1.029-.317-1.942-.96-2.662C4.65 9.732 3.5 8.22 3.5 6c0-1.627.593-3.145 1.743-4.255C6.395.634 8.032 0 10 0"/></svg>')}}@supports ((-webkit-mask-image: none) or (mask-image: none)){.cdx-demo-css-icon--info-filled:lang(ar){-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M13 20H7v-2h6zM10 0c1.938 0 3.58.556 4.745 1.644C15.918 2.738 16.5 4.27 16.5 6c0 2.22-1.15 3.732-2.04 4.727-.644.72-.96 1.633-.96 2.662V16h-7v-2.611c0-1.029-.317-1.942-.96-2.662C4.65 9.732 3.5 8.22 3.5 6c0-1.627.593-3.145 1.743-4.255C6.395.634 8.032 0 10 0"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M13 20H7v-2h6zM10 0c1.938 0 3.58.556 4.745 1.644C15.918 2.738 16.5 4.27 16.5 6c0 2.22-1.15 3.732-2.04 4.727-.644.72-.96 1.633-.96 2.662V16h-7v-2.611c0-1.029-.317-1.942-.96-2.662C4.65 9.732 3.5 8.22 3.5 6c0-1.627.593-3.145 1.743-4.255C6.395.634 8.032 0 10 0"/></svg>')}[dir] .cdx-demo-css-icon--info-filled:lang(ar){background-color:var(--color-base, #202122)}}a.my-custom-link-class[data-v-776f9113]{color:var(--color-progressive, #36c);text-decoration:none}[dir] a.my-custom-link-class[data-v-776f9113]{border-radius:2px}a.my-custom-link-class[data-v-776f9113]:visited{color:var(--color-visited, #6a60b0)}a.my-custom-link-class[data-v-776f9113]:visited:hover{color:var(--color-visited--hover, #534fa3)}a.my-custom-link-class[data-v-776f9113]:visited:active{color:var(--color-visited--active, #353262)}a.my-custom-link-class[data-v-776f9113]:hover{color:var(--color-progressive--hover, #3056a9);text-decoration:underline}a.my-custom-link-class[data-v-776f9113]:active{color:var(--color-progressive--active, #233566);text-decoration:underline}a.my-custom-link-class[data-v-776f9113]:focus-visible{outline:solid 2px var(--outline-color-progressive--focus, #36c)}@supports not selector(:focus-visible){a.my-custom-link-class[data-v-776f9113]:focus{outline:solid 2px var(--outline-color-progressive--focus, #36c)}}a.my-custom-link-class .cdx-icon[data-v-776f9113]:not(.cdx-thumbnail__placeholder__icon--vue):last-child{min-width:10px;min-height:10px;width:var(--font-size-medium, 1rem);height:var(--font-size-medium, 1rem);vertical-align:middle}[dir=ltr] a.my-custom-link-class .cdx-icon[data-v-776f9113]:not(.cdx-thumbnail__placeholder__icon--vue):last-child{padding-left:4px}[dir=rtl] a.my-custom-link-class .cdx-icon[data-v-776f9113]:not(.cdx-thumbnail__placeholder__icon--vue):last-child{padding-right:4px}a.my-custom-link-class.is-underlined[data-v-776f9113]{text-decoration:underline}a.my-custom-link-class.is-red-link[data-v-776f9113]{color:var(--color-destructive, #bf3c2c)}a.my-custom-link-class.is-red-link[data-v-776f9113]:visited{color:var(--color-destructive--visited, #9f5555)}a.my-custom-link-class.is-red-link[data-v-776f9113]:visited:hover{color:var(--color-destructive--visited--hover, #854848)}a.my-custom-link-class.is-red-link[data-v-776f9113]:visited:active{color:var(--color-destructive--visited--active, #512e2e)}a.my-custom-link-class.is-red-link[data-v-776f9113]:hover{color:var(--color-destructive--hover, #9f3526);text-decoration:underline}a.my-custom-link-class.is-red-link[data-v-776f9113]:active{color:var(--color-destructive--active, #612419);text-decoration:underline}a.my-custom-link-class.is-red-link[data-v-776f9113]:focus{outline-color:var(--outline-color-progressive--focus, #36c)}a.my-custom-link-class .cdx-icon[data-v-776f9113]{color:inherit}[dir=ltr] a.my-custom-link-class .cdx-icon[data-v-776f9113]{margin-right:4px}[dir=rtl] a.my-custom-link-class .cdx-icon[data-v-776f9113]{margin-left:4px}.my-link-wrapper a[data-v-776f9113]{color:var(--color-progressive, #36c);text-decoration:none}[dir] .my-link-wrapper a[data-v-776f9113]{border-radius:2px}.my-link-wrapper a[data-v-776f9113]:visited{color:var(--color-visited, #6a60b0)}.my-link-wrapper a[data-v-776f9113]:visited:hover{color:var(--color-visited--hover, #534fa3)}.my-link-wrapper a[data-v-776f9113]:visited:active{color:var(--color-visited--active, #353262)}.my-link-wrapper a[data-v-776f9113]:hover{color:var(--color-progressive--hover, #3056a9);text-decoration:underline}.my-link-wrapper a[data-v-776f9113]:active{color:var(--color-progressive--active, #233566);text-decoration:underline}.my-link-wrapper a[data-v-776f9113]:focus-visible{outline:solid 2px var(--outline-color-progressive--focus, #36c)}@supports not selector(:focus-visible){.my-link-wrapper a[data-v-776f9113]:focus{outline:solid 2px var(--outline-color-progressive--focus, #36c)}}.my-link-wrapper a .cdx-icon[data-v-776f9113]:not(.cdx-thumbnail__placeholder__icon--vue):last-child{min-width:10px;min-height:10px;width:var(--font-size-medium, 1rem);height:var(--font-size-medium, 1rem);vertical-align:middle}[dir=ltr] .my-link-wrapper a .cdx-icon[data-v-776f9113]:not(.cdx-thumbnail__placeholder__icon--vue):last-child{padding-left:4px}[dir=rtl] .my-link-wrapper a .cdx-icon[data-v-776f9113]:not(.cdx-thumbnail__placeholder__icon--vue):last-child{padding-right:4px}.my-link-wrapper a.my-link-red[data-v-776f9113]{color:var(--color-destructive, #bf3c2c)}.my-link-wrapper a.my-link-red[data-v-776f9113]:visited{color:var(--color-destructive--visited, #9f5555)}.my-link-wrapper a.my-link-red[data-v-776f9113]:visited:hover{color:var(--color-destructive--visited--hover, #854848)}.my-link-wrapper a.my-link-red[data-v-776f9113]:visited:active{color:var(--color-destructive--visited--active, #512e2e)}.my-link-wrapper a.my-link-red[data-v-776f9113]:hover{color:var(--color-destructive--hover, #9f3526);text-decoration:underline}.my-link-wrapper a.my-link-red[data-v-776f9113]:active{color:var(--color-destructive--active, #612419);text-decoration:underline}.my-link-wrapper a.my-link-red[data-v-776f9113]:focus{outline-color:var(--outline-color-progressive--focus, #36c)}.my-link-wrapper-with-underline a[data-v-776f9113]{text-decoration:underline}[dir] .cdx-toast-demo .cdx-button[data-v-fb5c3514]{margin-bottom:8px}a[data-v-7c349d1f]{color:var(--color-progressive, #36c);text-decoration:none}[dir] a[data-v-7c349d1f]{border-radius:2px}a[data-v-7c349d1f]:visited{color:var(--color-visited, #6a60b0)}a[data-v-7c349d1f]:visited:hover{color:var(--color-visited--hover, #534fa3)}a[data-v-7c349d1f]:visited:active{color:var(--color-visited--active, #353262)}a[data-v-7c349d1f]:hover{color:var(--color-progressive--hover, #3056a9);text-decoration:underline}a[data-v-7c349d1f]:active{color:va